/*! eteams reset */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video,figure{margin:0;padding:0}
address,cite,dfn,em,var,i{font-weight:400;font-style:normal}
blockquote{margin:1em 40px}
ul,ol,li{list-style:none}
input:-moz-placeholder,textarea:-moz-placeholder{color:#999}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#999}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999}
img{max-width:100%;vertical-align:middle}
a{color:#0088cc;cursor:pointer;}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize | modified by eteams*/
html{font-family:"黑体","微软雅黑";-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0;background-color: #F5F5F5; color: #333333}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent;text-decoration:none;}
a:active,a:hover,a:focus{outline:0;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; /* For some Androids */}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0;-ms-interpolation-mode:bicubic;}
svg:not(:root){overflow:hidden}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto;white-space:pre;white-space:pre-wrap;word-wrap:break-word}
code,kbd,pre,samp{font-family:monospace,monospace;_font-family:'courier new',monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;-webkit-user-modify:read-write-plaintext-only;}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
input {
    border: none;
    outline:none;
}
input:focus{
    outline:none;
}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
textarea{overflow:auto;vertical-align:top;}
optgroup{font-weight:bold}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0;font-weight:normal;}
h1,h2,h3,h4,h5,h6{ font-weight:normal; }
/* common css */
::-webkit-scrollbar {
    display: none
}
.clearfix:before,.clearfix:after{display:table;content:" "}
.clearfix:after{clear:both}
.clearfix{*zoom:1;}
.clear{height:0;font-size:0;clear:both}
.fr,.pull-right{float:right!important}
.fl,.pull-left{float:left!important}
.tl{text-align:left}
.hide{display:none}
.show{display:block !important;}

.mt20 {
    margin-top: 20px !important;
}
.mt10 {
    margin-top: 10px !important;
}
.mb20 {
    margin-bottom: 20px !important;
}
.btn {
    display: inline-block;
    border-radius: 3px;
    padding: 5px 0.2rem;
    text-align: center;
    margin: 0;
    font-size: 12px;
    cursor: pointer;
    line-height: 1.5;
    -webkit-appearance: none;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    color: #999;
}
.hidden{
    overflow: hidden;
}

/*--------------全局公共--------------*/
.container{
    /*padding: 0.4rem 0;*/
    position: relative;
}
.blackFamily{
    font-family: "黑体";
}
.wrFamily{
    font-family: "微软雅黑";
}

/*关联公共-》媒体资源-详情*/
.related{
    background-color: #ffffff;
}
.related h3{
    font-size:16px;
    height: 36px;
    line-height: 36px;
    padding-left: 0.6rem;
    color: #333333;
    border-bottom: 1px solid #E7E7E7;
}
.related .list{
    margin-top: 0.6rem;
}
.related .list a{
    display: block;
    float: left;
    width: 4.5rem;
    margin: 0 0.4rem 0.4rem;
}
.related .list a p{
    position: relative;
    width: 4.5rem;
    height: 4.5rem;
    overflow: hidden;
}
.related .list a img{
    display: block;
    width: 100%;
    position: absolute;
    left:0;
    top:0;
}
.related .list a span{
    display: block;
    height: 20px;
    line-height: 20px;
    color: #333333;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*列表上拉*/
.list-load{
    padding: 15px 0;
    font-size: 11px;
    color: #909090;
    text-align: center;
    background-color: #ffffff;
    display: none;
}
 .empty-list{
    height: 8rem;
    background: url("../images/empty-list.png") no-repeat center;
    background-size: 6rem;
}
/*填写评论*/


 .write-comment{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2.2rem;
    background-color: #ffffff;
    box-sizing: border-box;
    padding: 0.4rem;
}
 .write-comment .input{
    float: right;
    display: block;
    height: 1.4rem;
    background-color: #f5f5f5;
    border-radius: 2rem;
    width: 13rem;
    border: 0.05rem solid #F7F7F7;
    box-sizing: border-box;
    position: relative;
     font-size: 0.6rem;
     color: #aaaaaa;
     line-height: 1.4rem;
     padding-left: 0.5rem
}
 .write-comment .input:before{
    content: "";
    display: block;
    position: absolute;
    left: -2rem;
    top:-0.1rem;
    width: 1.4rem;
    height: 1.4rem;
    background: url("../images/write.png") no-repeat center;
    background-size: 80%;

}
.write-comment .count{
     height: 1.4rem;
     width: 1.4rem;
     background: url("../images/pls.png") no-repeat center;
     background-size: 80%;
     position: absolute;
     z-index: 99;
 }
.write-comment .count+.input{
    width: 11.5rem;
}
.write-comment .count i{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f65f4a;
    vertical-align: middle;
    font-size: 12px;
    color: #ffffff;
    padding:1px 2px;
    border-radius:12px;
    position: absolute;
    left: 0.8rem;
    top:-0.1rem;
    height: 16px;
    min-width:12px;
    text-align: center;
    box-sizing: border-box;
}
.comment-bk{
    width: 100%!important;
    background-color: #F8F8F8;
    bottom: 0 !important;
}
.comment-bk .layui-m-layercont{
    padding: 10px !important;
    border-radius:0 !important;
    background-color: #F8F8F8!important;
}
.comment-bk .layui-m-layerbtn{
    background-color: #F8F8F8!important;
    padding: 5px 10px 10px 10px; !important;
    box-sizing: border-box !important;
    border-radius:0 !important;
    height: 39px !important;
}
.comment-bk .layui-m-layerbtn span{
    background-color: #eaeaea !important;
    border: 1px solid #E4E4E4;
    box-sizing: border-box;
    width:80px;
    float: right;
    height: 24px;
    line-height: 22px;
    font-size: 12px;
    color: #BCBCBC !important;
    margin-top:0 !important;
}
.plbk{
    border:1px solid #cccccc;
    resize:none ;
    width: 100%;
    font-size: 14px;
    max-height: 100px;
    border-radius: 3px;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    padding: 5px;


}

.download-now{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2.2rem;
    background-color: rgba(51, 51, 51, 0.75);
    box-sizing: border-box;
    padding: 0.4rem;
}
.download-now .logo{
    width: 1.4rem;
    height: 1.4rem;
    display: block;
    float: left;
}
.download-now .cont{
    float: left;
    margin-left: 5px;
}
.download-now .cont h5{
    font-size: 0.6rem;
    font-weight: bold;
    color: #ffffff;
}
.download-now .cont p{
    font-size: 0.6rem;
    color: #ffffff;
}

.download-now .btn{
    float: right;
    background-color: #1BCA9A;
    border: none;
    text-align: center;
    height: 1.4rem;
    line-height: 1.4rem;
    color: #ffffff;
    box-sizing: border-box;
    padding: 0 10px;
}
    /*添加评论模块后底部padding*/
#pl,
#ggq-xq,
#jtxw-xq,
#mtzy-xq,
#nbtlb-xq,
#gglb-xq{
    padding-bottom: 2.4rem;
}

/*checkbox*/
.checkbox{
    width: 18px;
    height: 18px;
    border: 1px solid #E8E8E8;
    box-sizing:border-box;
    background-color: #ffffff;
    border-radius: 18px;
    display: block;
}
.checkbox.act{
    background: url("../images/checkbox-02.png") no-repeat center;
    background-size: contain;
    border:none;
}
.checkbox.red.act{
    background: url("../images/checkbox-01.png") no-repeat center;
    background-size: contain;
    border:none;
}

/*--------------pages--------------*/
/*mt_ggzy 媒体-广告资源*/
#mt_ggzy .title_banner{
    height: 3rem;
    background-color: #fff;
}
#mt_ggzy .title_banner .title_left{
    position: relative;
    width: 25%;
    height: 100%;
    line-height: 3rem;
    text-align: center;
}
#mt_ggzy .title_banner .title_left span{
    color: #C7C7C7;
    font-size: .8rem;
    display: block;
    margin-left: -1.5rem;
}
#mt_ggzy .title_banner .title_left img{
    width: .6rem;
    position: absolute;
    top: 1.4rem;
    left: 2.3rem;
}
#mt_ggzy .title_banner .title_center{
    width: 50%;
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: .6rem;
    margin-top: .75rem;
    text-align: center;
}
#mt_ggzy .title_banner .title_center .ggzy{
    display: block;
    width: 50%;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
    background-color: #ccc;
}
#mt_ggzy .title_banner .title_center .wyrz{
    width: 50%;
    background-color: #ccc;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
}
#mt_ggzy .title_banner .title_center .click_active{
    background-color: #40CAB3 !important;
    color: #fff;
}
#mt_ggzy .title_banner .title_right{
    width: 25%;
    height: 100%;
}
#mt_ggzy .title_banner .title_right .fangdajing{
    width: .8rem;
    height: .8rem;
    line-height: 2rem;
    margin-top: .3rem;
    margin-left: .8rem;
}
#mt_ggzy .title_banner .title_right .info{
    width: .8rem;
    height: .8rem;
    line-height: 2rem;
    margin-left: .5rem;
    margin-top: .3rem;
    position: relative;
}
#mt_ggzy .title_banner .title_right .info img{
    width:100%;
    height:100%;
}
#mt_ggzy .title_banner .title_right .info .number{
    position: absolute;
    top: .2rem;
    right: -.6rem;
    background-color: #F65F4A;
    width: .7rem;
    height: .7rem;
    padding: .1rem;
    /* box-sizing: border-box; */
    color: #fff;
    font-size: .6rem;
    line-height: .7rem;
    text-align: center;
    border-radius: .5rem;
}

#mt_ggzy  .handpick_title{
    padding: .8rem .4rem;
    box-sizing: border-box;
    height: 4.3rem;
    background-color: #fff;
}
#mt_ggzy  .handpick_title .at_tt_left {
    width: 2rem;
    margin: 0 0.52rem;
    position: relative;
}
#mt_ggzy  .handpick_title .at_tt_left .date-icon{
    width:100%;
    height:100%;
}
#mt_ggzy  .handpick_title .at_tt_left span{
    font-size: .6rem;
    text-align: center;
    display: block;
    margin: .4rem -0.8rem 0;
    color: #000;
}

#mt_ggzy  .runiutoutiao{
    font-size: .6rem;
    text-align: center;
    height: 45px;
    margin: 0.4rem;
    box-sizing: border-box;
    padding: 10px 0;
    position: relative;
}
#mt_ggzy  .runiutoutiao img{
    position: absolute;
    left: 1rem;
    top: 0rem;
    width: 2.1rem;
}
#mt_ggzy .runiutoutiao #news  {
    display: block;
    width: 80%;
    height: 25px;
    margin-left:2.5rem;
    overflow: hidden;
    background-color: #1ccA9A;
    color: #fff;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
}
#mt_ggzy .runiutoutiao #news  .swiper-wrapper{
    width: 100%;
}
#mt_ggzy .runiutoutiao #news .swiper-slide {
    text-align: center;
    font-size: .7rem;
    overflow: hidden;
    line-height: 23px;
    height: 20px;
    background: transparent;

}

#mt_ggzy .guanggao{
    border-top:.05rem solid #E6E6E6;
    border-bottom:.05rem solid #E6E6E6;
}
#mt_ggzy .guanggao a{
    width:50%;
   display: block;

}
#mt_ggzy .guanggao .left_guanggao{
    border-right:.05rem solid #E6E6E6;
    box-sizing: border-box;
}
#mt_ggzy .guanggao .right_guanggao{
    border-left:.05rem solid #E6E6E6;
    box-sizing: border-box;
}
#mt_ggzy .guanggao a img{
    width:100%;
    height:100%;
    display: block;
}

::-webkit-scrollbar {
    display: none
}
#mt_ggzy .daily-goods {
    padding: .1rem 0;
    box-sizing: border-box;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
}
#mt_ggzy .daily-goods .dg_title{
    height: 1.8rem;
    line-height: 1.8rem;
    padding-left: .5rem;
    padding-right: .5rem;
    background-color: #fff;
}
#mt_ggzy .daily-goods .dg_title .dg_title_left span{
    color: #000;
    font-size: .7rem;
}
#mt_ggzy .daily-goods .dg_title .dg_title_left img{
    width: 1.5rem;
    margin-top: .55rem;
    margin-left: .2rem;
}
#mt_ggzy .daily-goods .dg_title .dg_title_right{
    height: 1rem;
    width: .4rem;
    line-height: 1rem;
    margin-top: .3rem;
}

#mt_ggzy .daily-goods .daily-goods-cont {
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
    background-color: #FFF;
    padding-left: .5rem;
}
#mt_ggzy .daily-goods .daily-goods-cont li {
    display: inline-block;
    width: 5rem;
    margin-right: .1rem;
    vertical-align: top;
    padding: .5rem 0 .6rem;
    box-sizing: border-box;
    text-align: center;
    font-size: .6rem;
}
#mt_ggzy .daily-goods .daily-goods-cont li a{
    display: block;
}
#mt_ggzy .daily-goods .daily-goods-cont li a  .dgc_bg{
    width: 5rem;
    height: 3.5rem;
}
#mt_ggzy .daily-goods .daily-goods-cont li a  .dgc_bg img{
    width:100%;
    height:100%;
}
#mt_ggzy .daily-goods .daily-goods-cont li a span{
    color: #a3a1a1;
    display: block;
    margin-top: .2rem;
}
/*--banner轮播--*/
#at_top_title {
    width: 100%;
    height: 100%;
}
#at_top_title  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    width: 320px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#at_top_title .swiper-container-horizontal>.swiper-pagination-bullets{
    bottom:0 !important;
}

/*金豆明细*/
#jdmx .goldenNumber{
    margin-top: .5rem;
    background-color: #fff;
    padding: 0 .5rem;
    font-size: 12px;
    color: #959595;
    position: relative;
    height: 50px;
    box-sizing: border-box;
}
#jdmx .goldenNumber .gn_left,
#jdmx .goldenNumber .gn_right{
    height: 50px;
    line-height: 50px;
    position: relative;
}
#jdmx .goldenNumber .gn_left label{
    color: #40C9B3;
    margin-left: .2rem;
    font-size: 16px;
}
#jdmx .goldenNumber .gn_right{
    position: absolute;
    right: 0.5rem;
    top:0;
    padding-right:40px;
}
#jdmx .goldenNumber .gn_right:after{
    content: "";
    position: absolute;
    display: block;
    width: 40px;
    height:50px;
    background: url("../images/icon_shuoming.png") no-repeat center;
    background-size: 18px;
    top: 50%;
    right: 0;
    margin-top:-25px;
}
#jdmx .gn_detail{
    margin-top:.5rem;
}
#jdmx .gn_detail .gnd_tabList{
    background-color:#FFF;
}
#jdmx .gn_detail .gnd_tabList li{
    float: left;
    width:33%;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #000;
}
#jdmx .gn_detail .gnd_tabList li span{
    height:40px;
    display: block;
    width: 3rem;
    margin: 0 auto;
    box-sizing: border-box;
}
#jdmx .gn_detail .gnd_tabList .detail_active span{
    border-bottom: 2px solid #F65F4A;
}

#jdmx .gnd_tabDateil{
    margin: 1.2rem 1.5rem;
}
#jdmx .gnd_tabDateil li{
    position: relative;
    margin-bottom:.4rem;
}
#jdmx .gnd_tabDateil li:before{
    content: "";
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    background-color: #c9c9c9;
    border-radius: 1rem;
    position: absolute;
    left: -0.25rem;
    top: 0.2rem;
}
#jdmx .gnd_tabDateil li h2{
    margin-left: 0.7rem;
    font-size: 1rem;
    font-weight: bold;
    height: 1rem;
    line-height:1rem;
}
#jdmx .gnd_tabDateil li p{
    border-left: .1rem solid #ccc;
    padding-left: .7rem;
    margin-top: .5rem;
    min-height: 2.5rem;
    font-size: .7rem;
}
#jdmx .gnd_tabDateil li p span{
    display: block;
}
#jdmx .gnd_tabDateil li p .gnd_tabDateil_date{
    margin-top: .2rem;
    font-size:.6rem;
}

/*保证金明细*/
#bzjmx .goldenNumber{
    margin-top:.5rem;
    background-color: #fff;
    padding: 0 .5rem;
    font-size: 12px;
    color: #959595;
    position: relative;
    height: 50px;
    box-sizing: border-box;
}

#bzjmx .goldenNumber .gn_left,
#bzjmx .goldenNumber .gn_right{
    height: 50px;
    line-height: 50px;
    position: relative;
}
#bzjmx .goldenNumber .gn_left label{
    color: #40C9B3;
    margin-left: .2rem;
    font-size:16px;
}
#bzjmx .goldenNumber .gn_right{
    position: absolute;
    right: 0.5rem;
    top:0;
    padding-right: 40px;
}
#bzjmx .goldenNumber .gn_right:after{
    content: "";
    position: absolute;
    display: block;
    width: 40px;
    height: 50px;
    background: url("../images/icon_shuoming.png") no-repeat center;
    background-size: 18px;
    top: 50%;
    right: 0;
    margin-top: -25px;
}
#bzjmx .gn_detail{
    margin-top:.5rem;
}
#bzjmx .gn_detail .gnd_tabList{
    background-color:#FFF;
}
#bzjmx .gn_detail .gnd_tabList li{
    float: left;
    width:33%;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #000;
}
#bzjmx .gn_detail .gnd_tabList li span{
    height: 40px;
    display: block;
    width: 3rem;
    margin: 0 auto;
    box-sizing: border-box;
}
#bzjmx .gn_detail .gnd_tabList .detail_active span{
    border-bottom: 2px solid #F65F4A;
}

#bzjmx .gnd_tabDateil{
    margin: 1.2rem 1.5rem;
}
#bzjmx .gnd_tabDateil li{
    position: relative;
    margin-bottom:.4rem;
}
#bzjmx .gnd_tabDateil li:before{
    content: "";
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    background-color: #c9c9c9;
    border-radius: 1rem;
    position: absolute;
    left: -0.25rem;
    top: 0.2rem;
}
#bzjmx .gnd_tabDateil li h2{
    margin-left: 0.7rem;
    font-size: 1rem;
    font-weight: bold;
    height: 1rem;
    line-height: 1rem;
}
#bzjmx .gnd_tabDateil li p{
    border-left: .1rem solid #ccc;
    padding-left: .7rem;
    margin-top: .5rem;
    min-height: 2.5rem;
    font-size: 0.7rem;
}
#bzjmx .gnd_tabDateil li p span{
    display: block;
}
#bzjmx .gnd_tabDateil li p .gnd_tabDateil_date{
    margin-top: .2rem;
    font-size:.6rem;
}


/*领取福利*/
#lqfl h3{
    font-size: 14px;
    line-height: 30px;
    margin: 0 0.4rem;
    height: 30px;
}
#lqfl .dg_title_List{
    background-color: #fff;
    padding-left: 0.5rem;
}
#lqfl .dg_title{
    display: block;
    background-color: #fff;
    position: relative;
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #ededed;
    color: #000;
    font-size: 14px;

}
#lqfl .dg_title:last-child{
    border-bottom: none;
}
#lqfl .dg_title:after {
    content: "";
    display: block;
    width: 40px;
    height:40px;
    background: url(../images/rj.png) no-repeat center;
    background-size: 8px;
    position: absolute;
    right: 0.4rem;
    top: 50%;
    margin-top:-20px;
}



/*我的收藏*/
#wdsc  .gnd_tabList{
    background-color:#FFF;
}
#wdsc  .gnd_tabList li{
    float: left;
    width:33.333%;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #000;
}
#wdsc  .gnd_tabList li span{
    height: 40px;
    display: inline-block;
    margin: 0 auto;
    box-sizing: border-box;
}
#wdsc  .gnd_tabList .detail_active span{
    border-bottom: 2px solid #F65F4A;
}
#wdsc  .dpsc li{
    background-color: #fff;
    padding: .5rem;
    box-sizing: border-box;
    font-size: 12px;
    margin: .5rem 0;
}
#wdsc  .dpsc li .detail_left{
    width: 75%;
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
#wdsc  .dpsc li .detail_left img{
    width: 2rem;
    height: 2rem;
}
#wdsc  .dpsc li .detail_right{
    border: 1px solid #999999;
    padding: 4px .5rem;
    color: #666666;
    text-align: center;
    border-radius: 3px;
    margin-top: .3rem;
}

#wdsc  .ggzysc li{
    background-color: #fff;
    padding: .5rem;
    box-sizing: border-box;
    font-size: 12px;
    margin: .5rem 0;
}
#wdsc  .ggzysc li .detail_left{
    width: 75%;
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
#wdsc  .ggzysc li .detail_left p{
    padding-top:.2rem;
    margin-left: .2rem;
}
#wdsc  .ggzysc li .detail_left p span{
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 9rem;
}
#wdsc  .ggzysc li .detail_left .font-color{
    color: #F66753;
    margin-top: 0.2rem;
}
#wdsc  .ggzysc li .detail_left img{
    width: 2rem;
    height: 2rem;
}
#wdsc  .ggzysc li .detail_right{
    border: 1px solid #999999;
    padding: .2rem .5rem;
    color: #666666;
    text-align: center;
    border-radius: 3px;
    margin-top: .3rem;
}


/*我的优惠劵*/
/*--未使用--*/
#wdyhj  .gnd_tabList{
    background-color:#FFF;
}
#wdyhj  .gnd_tabList li{
    float: left;
    width:33%;
    text-align: center;
    height:40px;
    line-height:40px;
    font-size:14px;
    color: #000;
}
#wdyhj  .gnd_tabList li span{
    height:40px;
    display: block;
    width: 3rem;
    margin: 0 auto;
    box-sizing: border-box;
}
#wdyhj  .gnd_tabList .detail_active span{
    border-bottom: 2px solid #F65F4A;
}

#wdyhj .gnd_tabDetail{
    padding: 0.5rem 0;
}
#wdyhj .gnd_tabDetail .shop_detail{
    margin: 0 0.5rem 0.5rem;

}
#wdyhj .gnd_tabDetail .shop_detail:last-child{
    margin: 0 0.5rem 0;
}
#wdyhj .gnd_tabDetail .shop_detail .miandanjuan{
    background: url(../images/bg_02.png) center top no-repeat;
    background-size: contain;
    height:4rem;
    padding:0.5rem 0.5rem 0;
    position: relative;
}
#wdyhj .gnd_tabDetail .shop_detail .miandanjuan  .shop_icon{
    position: absolute;
    top: 0;
    left: 0;
    font-size: .6rem;
    background-color: #F65F4A;
    color: #FFF;
    padding: .05rem .3rem;
    border-radius: .05rem;
}
#wdyhj .gnd_tabDetail .shop_detail .miandanjuan .shop-picture{
    width: 3.5rem;
    height: 3.2rem;
    padding-right: .2rem;
    box-sizing: border-box;
}
#wdyhj .gnd_tabDetail .shop_detail .miandanjuan .shop-picture img{
    height:100%;
    width:100%;
}
#wdyhj .gnd_tabDetail .shop_detail .miandanjuan .shop-info{
    width:7.5rem;
    margin-left:.1rem;
}
#wdyhj .gnd_tabDetail .shop_detail .miandanjuan p{
    font-size:.6rem;
    width: 100%;
    float: left;
}
#wdyhj .gnd_tabDetail .shop_detail .miandanjuan .mdj_1{
    color: #40CAB3;
    font-size: .7rem;
    font-weight: bold;
    font-family: "微软雅黑";
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#wdyhj .gnd_tabDetail .shop_detail .miandanjuan .mdj_2{
    margin-top:0.3rem;
    background-color: #F3F3F3;
    padding:.1rem 0 .1rem .3rem;
    box-sizing: border-box;
    border-left:2px solid #40CAB3;
    color: #40CAB3;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#wdyhj .gnd_tabDetail .data_state  .miandanjuan  .mdj_3{
    height: .7rem;
    margin-top: .2rem;
    overflow: hidden;
}
#wdyhj .gnd_tabDetail .shop_detail .miandanjuan .click_detail{
    position: absolute;
    top: 1.1rem;
    right: .3rem;
    width: 2rem;
    height: 2rem;
}
#wdyhj .gnd_tabDetail .shop_detail .miandanjuan .click_detail img{
    width:100%;
    height:100%;
}
#wdyhj .gnd_tabDetail .shop_detail .shop_only{
    text-align: center;
    font-size: .6rem;
    padding: .2rem 0;
    background: #FFF 11rem .3rem no-repeat;
    background-size: 1.5%;
}
#wdyhj .gnd_tabDetail .shop_detail .shop_only span{
    margin:0 .2rem;
    color: #000;
}
/*--已使用--*/
#wdyhj .gnd_tabDetail .data_state .miandanjuan{
    background: url(../images/bg_gray_01.png) center top no-repeat;
    background-size: contain;
}
#wdyhj .gnd_tabDetail .data_state .miandanjuan .shop_icon {
    background-color: #BBBBBB;
}
#wdyhj .gnd_tabDetail .data_state .miandanjuan .mdj_1{
    color: #BBB;
}
#wdyhj .gnd_tabDetail .data_state .miandanjuan .mdj_2{
 /*   background:url(../images/bg_gray.png) top center no-repeat;
    background-size: 100%;*/
    border-left:2px solid #c5c5c5;
    color: #858585;
}


/*优惠券弹框*/

.afurong  .layui-m-layercont{
    padding:0 0 10px 0;
}
.afurong  .layer-tanchu{
    position: relative;
}
.afurong  .layer-tanchu .shop-title-picture{
    position: relative;
}
.afurong  .layer-tanchu .shop-title-picture .stp_title{
    background: #FF8E3F;
    color: #fff;
    padding: 5px 10px;
    height: 20px;
    position: absolute;
    top: -15px;
    left: 5px;
    z-index: 1000;
}
.afurong  .layer-tanchu .shop-title-picture .stp_title_info{
    position: relative;
    z-index: 100;
    overflow: hidden;

}
.afurong  .layer-tanchu .shop-title-picture .stp_title_info img{
    width: 100%;
    display: block;

}
.afurong  .layer-tanchu .shangjia_info .si_top .merchant_info{
    text-align: left;
    margin-left: .5rem;
    line-height: 20px;
    color: #333;
    font-size: 16px;
    border-bottom: 1px solid #DADADA;
    padding: 5px 0;
}
.afurong  .layer-tanchu .shangjia_info .si_top .merchant_cont{
    margin:10px;
   min-height: 150px;
   max-height: 200px;
    overflow-y: auto;
    text-align: left;
}
.afurong  .layer-tanchu .exit{
    position: absolute;
    left:50%;
    margin-left:-1rem;
    bottom: -3rem;
    width: 2rem;
    height: 2rem;
}
.afurong  .layer-tanchu .exit img{
    width:80%;
    height:80%;
}



    /*我的福利*/
#wdfl  .gnd_tabList{
    background-color:#FFF;
}
#wdfl  .gnd_tabList li{
    float: left;
    width:33%;
    text-align: center;
    height:2rem;
    line-height: 2rem;
    font-size: .7rem;
    color: #000;
}
#wdfl  .gnd_tabList li span{
    height: 2rem;
    display: block;
    width: 3rem;
    margin: 0 auto;
    box-sizing: border-box;
}
#wdfl  .gnd_tabList .detail_active span{
    border-bottom: .1rem solid #F65F4A;
}
#wdfl  .wdfl_detail{
    margin-top: .3rem;
}
#wdfl  .wdfl_detail .shop_detail{
    background-color: #fff;
    padding: .5rem;
    margin-top: .3rem;
    box-sizing: border-box;
}

#wdfl  .wdfl_detail .sd_left {
    width: 5rem;
    height: 3.8rem;
    box-sizing: border-box;
    border: 1px solid #efefef;
    position: relative;
    overflow: hidden;
}
#wdfl  .wdfl_detail .sd_left  img{
    display: block;
    width:100%;
    position: absolute;
    left: 0;
    top:0;
}
#wdfl  .wdfl_detail .sd_right{
   width: 10rem;
    padding-left: .5rem;
    box-sizing: border-box;
    font-size: 12px;
    position: relative;
    min-height:4rem;
}
#wdfl  .wdfl_detail .sd_right .shop_title{
    margin-top: .2rem;
    max-height: 32px;
    overflow: hidden;
    line-height: 16px;
}
#wdfl  .wdfl_detail .sd_right .shop_source{
    margin-top: .3rem;
    color: #F66753;
}
#wdfl  .wdfl_detail .sd_right .btn_lingqu{
    border:1px solid #F66753;
    padding: 4px .6rem;
    text-align: center;
    border-radius: 3px;
    float: right;
    color: #F66753;
    position: absolute;
    right:0;
    bottom: 0;
}
#wdfl  .wdfl_detail .sd_right .btn_lingqu.btn_yilingqu{
    border: 1px solid #c9c9c9;
    color: #c9c9c9;
}

/*消息*/
#xx .tab-hd-bk{
    height: 40px;
    background-color: #ffffff;
}
#xx .tab-hd-bk li{
    float: left;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    width: 25%;
    box-sizing: border-box;
}
#xx .tab-hd-bk li.act{
    border-bottom: 2px solid #f65f4a;
}
#xx  .tab-hd-bd .list.tab-01{
    margin-top: 12px;
}
#xx  .tab-hd-bd .list.tab-01 .item{
    display: block;
    position: relative;
    height: 60px;
    padding: 10px 12px 10px 70px;
    background-color: #ffffff;
    border-bottom: 1px solid #F5F5F5;
}
#xx  .tab-hd-bd .list.tab-01 .item .icon{
    position: absolute;
    left: 7px;
    top: 50%;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    border-radius: 40px;

}
#xx  .tab-hd-bd .list.tab-01 .item .icon.ico-01{
    background:#fd8f80 url("../images/xx-dd.png") no-repeat center;
    background-size: 60px;
}
#xx  .tab-hd-bd .list.tab-01 .item .icon.ico-02{
    background:#ffb24f url("../images/xx-hd.png") no-repeat center;
    background-size: 60px;
}
#xx  .tab-hd-bd .list.tab-01 .item .icon.ico-03{
    background:#40cab3 url("../images/xx-zh.png") no-repeat center;
    background-size: 60px;
}
#xx  .tab-hd-bd .list.tab-01 .item .icon.ico-04{
    background:#f65f4a url("../images/xx-qt.png") no-repeat center;
    background-size: 60px;
}


#xx  .tab-hd-bd .list.tab-01 .item h4,
#xx  .tab-hd-bd .list.tab-01 .item p,
#xx  .tab-hd-bd .list.tab-01 .item time{
    display: block;
    font-size: 16px;
    line-height: 20px;
    color: #333333;
}
#xx  .tab-hd-bd .list.tab-01 .item p,
#xx  .tab-hd-bd .list.tab-01 .item time{
    font-size: 12px;
    color: #999999;
}

#xx  .tab-hd-bd .list.tab-02{
    margin-top: 12px;
    margin-bottom: 12px;
}
#xx  .tab-hd-bd .list.tab-02 .item .time{
    text-align: center;
    line-height: 20px;
}
#xx  .tab-hd-bd .list.tab-02 .item .time time{
    background-color: #BCBCBC;
    color: #515151;
    font-size: 14px;
    display: inline-block;
    padding: 2px 8px;
    border-radius:3px;
}
#xx  .tab-hd-bd .list.tab-02 .item .wrap{
    position: relative;
    min-height: 60px;
    padding: 15px 30px 10px 90px;
}
#xx  .tab-hd-bd .list.tab-02 .item .wrap .avatar{
    position: absolute;
    left: 5px;
    top: 10px;
    width: 60px;
    min-height: 60px;
    border: 1px solid #dedede;
    box-sizing: border-box;
    border-radius: 40px;
}

#xx  .tab-hd-bd .list.tab-02 .item .wrap .cont{
    position: relative;
    background-color: #ffffff;
    font-size: 14px;
    padding: 15px 10px;
    box-sizing: border-box;
    border-radius: 3px;
}
#xx  .tab-hd-bd .list.tab-02 .item .wrap .cont .jir{
    position: absolute;
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-top: 15px solid #ffffff;
    left: -20px;
    top:15px;
    z-index: -1;
}


#xx  .tab-hd-bd .list.tab-03,
#xx  .tab-hd-bd .list.tab-04{
    position: relative;
}
#xx  .tab-hd-bd .list.tab-03 .item,
#xx  .tab-hd-bd .list.tab-04 .item{
    position: relative;
    display: block;
    padding:8px 12px 12px 70px;
    box-sizing: border-box;
    background-color: #ffffff;
    margin-bottom: 10px;
    margin-top: 10px;
}
#xx  .tab-hd-bd .list.tab-03 .item .avatar,
#xx  .tab-hd-bd .list.tab-04 .item .avatar{
    display: block;
    width: 50px;
    height:  50px;
    border-radius:50px;
    position: absolute;
    left:10px;
    top:6px;
}
#xx  .tab-hd-bd .list.tab-03 .item .hd,
#xx  .tab-hd-bd .list.tab-04 .item .hd{
    height: 24px;
}
#xx  .tab-hd-bd .list.tab-03 .item .hd h4,
#xx  .tab-hd-bd .list.tab-03 .item .hd time,
#xx  .tab-hd-bd .list.tab-04 .item .hd h4,
#xx  .tab-hd-bd .list.tab-04 .item .hd time{
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    color: #666;
    float: left;
}
#xx  .tab-hd-bd .list.tab-03 .item .hd time,
#xx  .tab-hd-bd .list.tab-04 .item .hd time{
    float: right;
}
#xx  .tab-hd-bd .list.tab-03 .item .cont,
#xx  .tab-hd-bd .list.tab-04 .item .cont{
    font-size: 14px;
    color: #333333;
    padding: 5px 0;
    line-height: 20px;
}
#xx  .tab-hd-bd .list.tab-03 .item .tag,
#xx  .tab-hd-bd .list.tab-04 .item .tag{
    background-color: #F7F7F7;
    border: 1px solid #E9E9E9;
    color: #496094;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 0 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#xx  .tab-hd-bd .list.tab-03 .item .comment{
    background-color: #F7F7F7;
    font-size: 14px;
    line-height: 18px;
    padding: 8px 5px;
    color: #333333;
}
#xx  .tab-hd-bd .list.tab-03 .item .comment span{
    color: #4F6799;
}

    /*消息__详情*/
#xx_detail .tzAndhd{
    margin-bottom: 2rem;
}
#xx_detail .tzAndhd .tzAndhd_datail{
    border-bottom: 1px solid #ededed;
    margin: 1rem 1.5rem 0;
    text-align: center;
}
#xx_detail .tzAndhd .tzAndhd_datail:last-child{
    border-bottom:none;
}
#xx_detail .tzAndhd .tzAndhd_datail .td_top{
    text-align: center;
    font-size: 12px;
    display: inline-block;
    color: #fff;
    background-color: #999;
    border-radius:4px;
    padding: .2rem .3rem;
    box-sizing: border-box;
    margin-bottom: .5rem;
}
#xx_detail .tzAndhd .tzAndhd_datail .td_bottom{
    background-color: #fff;
    padding: .6rem .8rem .5rem;
    box-sizing: border-box;
    text-align: left;
}
#xx_detail .tzAndhd .tzAndhd_datail .td_bottom h3{
    font-size: 14px;
    color: #000;
}
#xx_detail .tzAndhd .tzAndhd_datail .td_bottom .tb_detail{
    margin-top:6px;
    font-size: 12px;
    color: #999;
}


/*广告资源列表*/
#ggzylb{

}
#ggzylb .swiper-slide img {
    display: block;
    width: 100%;
}
#ggzylb .tab_ggzylb{
    font-size:14px;
    text-align: center;
    color: #999;
    padding: .6rem 0;
}
#ggzylb .tab_ggzylb li{
    width: 50%;
    position: relative;
    float: left;
    box-sizing: border-box;
}

#ggzylb .tab_ggzylb .tab-bt{
    height:30px;
    line-height:30px;
    width: 7rem;
    margin: 0 auto;
    box-sizing: border-box;
    padding-left: 14px;
}
#ggzylb .tab_ggzylb .tab-bt:before{
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -15px;
    margin-left: -60px;
}
#ggzylb .tab_ggzylb li:nth-child(1) .tab-bt:before{
    background: url(../images/iconfont-fangzi.png) no-repeat center;
    background-size: 16px;
}
#ggzylb .tab_ggzylb li:nth-child(2) .tab-bt:before{
    background: url(../images/iconfont-diannao.png) no-repeat center;
    background-size: 16px;
}

#ggzylb .tab_ggzylb li.active .tab-bt{
    background-color: #fff;
    border: 1px solid #55cebb;
    border-radius: 30px;
    line-height: 28px;
    color: #55cebb;
}
#ggzylb .tab_ggzylb li.active:nth-child(1) .tab-bt:before{
    background: url(../images/iconfont-fangziBlue.png) no-repeat center;
    background-size: 16px;
}
#ggzylb .tab_ggzylb li.active:nth-child(2) .tab-bt:before{
    background: url(../images/iconfont-diannaoBlue.png) no-repeat center;
    background-size: 16px;
}




/*#ggzylb .tab_ggzylb .active-gg .tab_left:before{
    background: url(../images/iconfont-fangziBlue.png) left top no-repeat;
    background-size: 90%;
    margin-top: -9px;
}

#ggzylb .tab_ggzylb .tab_right{
    height:30px;
    line-height:30px;
    margin-left: .8rem;
}
#ggzylb .tab_ggzylb .tab_right:before{
    content: "";
    background: url(../images/iconfont-diannao.png) left top no-repeat;
    background-size: 90%;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 1.7rem;
    top: 50%;
    margin-top: -6px;
}
#ggzylb .tab_ggzylb .active-gg .tab_right{
    background-color: #fff;
    height:30px;
    line-height:26px;
    width: 6rem;
    margin: 0 auto;
    border: 2px solid #55cebb;
    border-radius: 1.5rem;
    color: #55cebb;
    padding-left: .8rem;
    box-sizing: border-box;
}
#ggzylb .tab_ggzylb .active-gg .tab_right:before{
    background: url(../images/iconfont-diannaoBlue.png) left top no-repeat;
    background-size: 90%;

}*/

/*--banner轮播--*/
#ggzylb #at_top_title {
    width: 100%;
    height: 100%;
    background-color: #dbdbdb;
}
#ggzylb #at_top_title .wiper-pagination{
    z-index: 999999;
}
#ggzylb #at_top_title  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    width: 320px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#ggzylb #at_top_title .swiper-container-horizontal>.swiper-pagination-bullets{
    bottom:0 !important;
}

/*--互联网广告--*/
#ggzylb .hlwList .daily-goods {
    /* padding: .1rem 0; */
    box-sizing: border-box;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    height:40px;
    overflow-y: hidden;
}
#ggzylb .hlwList .daily-goods .daily-goods-cont {
    white-space: nowrap;
    overflow-x:auto;
    background-color: #FFF;
    font-size: 14px;
}
#ggzylb .hlwList .daily-goods .daily-goods-cont li {
    display: inline-block;
    padding: 0 .3rem;
    vertical-align: top;
    box-sizing: border-box;
    text-align: center;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    border-radius: 15px;
    margin: 10px .5rem;
}
#ggzylb .hlwList .daily-goods .daily-goods-cont li.active{
    background-color: #999;
    color: #fff;
}
#ggzylb .hlwList .daily-detail{
    margin-top: 8px;
}

#ggzylb .hlwList .daily-detail .daily-detailList{
    width: 50%;
    padding: .5rem;
    box-sizing: border-box;
    border-bottom: 1px solid #E3E3E3;
    background-color: #FFF;
}
#ggzylb .hlwList .daily-detail .daily-detailList:nth-child(odd){
    border-right: 1px solid #E3E3E3;
}
#ggzylb .hlwList .daily-detail .daily-detailList .dd_top{
    width: 7rem;
    height: 5rem;
    position: relative;
    overflow: hidden;
}
#ggzylb .hlwList .daily-detail .daily-detailList .dd_top .tag{
    position: absolute;
    left: 0;
    bottom:0;
    width: 100%;
    background-color: rgba(51, 51, 51, 0.51);
    color: #ffffff;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left:4px;
    box-sizing: border-box;
}
#ggzylb .hlwList .daily-detail .daily-detailList .dd_top img{
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left:0;
}
#ggzylb .hlwList .daily-detail .daily-detailList .dd_top span{
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 2rem;
    font-size: 12px;
    color: #fff;
    text-align:center;
    padding: .1rem .3rem;
}
#ggzylb .hlwList .daily-detail .daily-detailList .dd_top .jiangguoqi{
    background-color: #F12E12;
}
#ggzylb .hlwList .daily-detail .daily-detailList .dd_top .zhekou{
    background-color: #f78900;
}
#ggzylb .hlwList .daily-detail .daily-detailList .dd_biaoti{
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    margin-top: .2rem;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#ggzylb .hlwList .daily-detail .daily-detailList .dd_biaoqian{
    text-align:center;
    font-size:12px;
    border: 1px solid #68D3C1;
    color: #68D3C1;
    padding: 2px 5px;
    margin-top: .2rem;
    display: inline-block;
}
#ggzylb .hlwList .daily-detail .daily-detailList .dd_address{
    margin-top: .2rem;
    position: relative;
    font-size:12px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #999;

}
#ggzylb .hlwList .daily-detail .daily-detailList .dd_address:before{
    content:'';
    background: url(../images/iconfont-dingwei2.png) left top no-repeat;
    background-size: 10px;
    width: 14px;
    height: 14px;
    float: left;
}
#ggzylb .hlwList .daily-detail .daily-detailList .dd_money{
    font-size: 12px;
    margin-top: .2rem;
    height: 20px;
    line-height: 20px;
}
#ggzylb .hlwList .daily-detail .daily-detailList .dd_money .dd_moneyLeft{
    color: #FF6969;
    display: block;
    overflow: hidden;
    font-size: 14px;
}
#ggzylb .hlwList .daily-detail .daily-detailList .dd_money .dd_moneyRight{
    color: #999;
    width: 50%;
    display: block;
    overflow: hidden;
    text-align: right;
}


/*--牛播厅--*/
#nbt{

}
#nbt .swiper-slide img {
    display: block;
    width: 100%;
}
#nbt .tab_ggzylb{
    font-size: 14px;
    text-align: center;
    color: #999;
    background-color: #FFF;
    height:40px;
}
#nbt .tab_ggzylb li{
    width: 50%;
    position: relative;
    height: 40px;
    line-height: 40px;
    float: left;
    text-align: center;
}


#nbt .tab_ggzylb li:before{
    content: "";
    /*background: url(../images/iconfont_niubo.png) no-repeat center;
    background-size: 16px;*/
    width: 40px;
    height: 40px;
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    margin-top: -20px;
    margin-left: -70px;
}
#nbt .tab_ggzylb li:nth-child(1):before{
    background: url(../images/iconfont_niubo.png) no-repeat center;
    background-size: 18px;
}

#nbt .tab_ggzylb li:nth-child(2):before{
    background: url(../images/iconfont-fangzi.png) no-repeat center;
    background-size: 18px;
}

#nbt .tab_ggzylb li:nth-child(1).active ,
#nbt .tab_ggzylb li:nth-child(2).active {

    color: #55cebb;
    border-bottom: 2px solid #55cebb;
}
#nbt .tab_ggzylb li:nth-child(1).active:before{
    background: url(../images/iconfont_niuboBlue.png) no-repeat center;
    background-size: 18px;
}

#nbt .tab_ggzylb li:nth-child(2).active:before{
    background:url(../images/iconfont-fangziBlue.png) no-repeat center;
    background-size: 18px;
}

#nbt .nbt-bnr{
    width: 15.5rem;
    margin: 5px auto;
}
#nbt .nbt-bnr img{
    display: block;
    width: 100%;
}

/*--banner轮播--*/
#nbt #at_top_title {
    width: 100%;
    height: 100%;
}
#nbt #at_top_title  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    width: 320px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#nbt #at_top_title .swiper-container-horizontal>.swiper-pagination-bullets{
    bottom:0 !important;
}




/*--互联网广告--*/
#nbt .nbtList{
    margin-top:8px;
    margin-bottom:40px;
}
#nbt .nbtList .daily-goods {
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    height:40px;
    overflow-x: auto;
    background-color: #fff;

}
#nbt .nbtList .daily-goods .daily-goods-cont {
    white-space: nowrap;
    overflow-x:auto;
    background-color: #FFF;
    height: 40px;
    font-size: 14px;
}
#nbt .nbtList .daily-goods .daily-goods-cont li {
    display: inline-block;
    padding: 0 .3rem;
    margin: 10px .5rem;
    vertical-align: top;
    box-sizing: border-box;
    text-align: center;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    border-radius: 20px;
}
#nbt .nbtList .daily-goods .daily-goods-cont .xuanzhong{
    background-color: #999;
    color: #fff;
}

#nbt .nbtList .daily-detail{
    background-color: #FFF;
    margin-top: 8px;
}
#nbt .nbtList .daily-detail .daily-detailList{
    display: block;
    padding: .5rem 0 5px;
    margin-left: 0.5rem;
    box-sizing: border-box;
    border-bottom: 1px solid #F0F0F0;
    position: relative;
}
#nbt .nbtList .daily-detail .daily-detailList:last-child{
    border-bottom:none;
}
#nbt .nbtList .daily-detail .daily-detailList .dd_detail{
    display: block;
}
#nbt .nbtList .daily-detail .daily-detailList .dd_detail .dd_detail_left{
    width: 3.5rem;
    height: 2.8rem;
    position: relative;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    margin-right: 0.4rem;
}
#nbt .nbtList .daily-detail .daily-detailList .dd_detail .dd_detail_left img{
    width: 100%;
    position: absolute;
    top:0;
    left:0;

}

#nbt .nbtList .daily-detail .daily-detailList .dd_detail .dd_detail_right{
    width: 15rem;
}
#nbt .nbtList .daily-detail .daily-detailList .dd_detail .dd_detail_right .dd_r_top{
    font-size:14px;
    display: block;
    width: 10rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;

}
#nbt .nbtList .daily-detail .daily-detailList .dd_detail .dd_detail_left+.dd_detail_right{
    width: 11rem;
}
#nbt .nbtList .daily-detail .daily-detailList .dd_detail .dd_detail_left+ .dd_detail_right .dd_r_top{
    width: 9rem;
}
#nbt .nbtList .daily-detail  .dd_r_top_shoucang{
    font-size: 12px;
    color: #d1d1d1;;
    height: 20px;
    line-height:20px;
    padding-left: 20px;
    position: absolute;
    top:0.4rem;
    right: 0.6rem;
}
#nbt .nbtList .daily-detail  .dd_r_top_shoucang:before{
    content: "";
    background: url(../images/xq_icon06.png) no-repeat center;
    background-size: 16px;
    width: 20px;
    height:20px;
    position: absolute;
    left: 0;
    top: 0;
}

#nbt .nbtList .daily-detail  .dd_r_top_shoucang.active{
    font-size:12px;
    color: #FC8D00;
}
#nbt .nbtList .daily-detail  .dd_r_top_shoucang.active:before{
    background: url(../images/xq_icon02.png)  no-repeat center;
    background-size: 16px;

}


#nbt .nbtList .daily-detail .daily-detailList .dd_detail .dd_detail_right .dd_r_center{
    font-size:12px;
    color: #999;
    margin-top: .25rem;
    height:1.5rem;
    overflow: hidden;
    line-height: 0.8rem;
}
#nbt .nbtList .daily-detail .daily-detailList .dd_detail .dd_detail_right .dd_r_bottom{
    margin-top: .25rem;
}
#nbt .nbtList .daily-detail .daily-detailList .dd_detail .dd_detail_right .dd_r_bottom .icon_juan{
    display: block;
    color: #fff;
    background-color: #40C9B3;
    font-size:12px;
    width: .8rem;
    height:16px;
    text-align: center;
    line-height:16px;
}
#nbt .nbtList .daily-detail .daily-detailList .dd_detail .dd_detail_right .dd_r_bottom .icon_money{
    font-size:14px;
    display: block;
    margin: 0 .5rem;
    color: #40C9B3;
}
#nbt .nbtList .daily-detail .daily-detailList .dd_detail .dd_detail_right .dd_r_bottom .icon_state{
    display: block;
    color: #fff;
    background-color: #FD8E00;
    font-size:12px;
    width: 1.6rem;
    height:16px;
    text-align: center;
    line-height:16px;
}

#nbt .daily-detail  .panel{
    height: 20px;
    padding: 5px 0.6rem 0 0;
    margin-top: 0.1rem;
}
#nbt .daily-detail  .panel span{
    font-size: 12px;
    height: 20px;
    line-height:20px;
    display: block;
    float: right;
    color: #cccccc;
    position: relative;
    padding-left: 25px;
}
#nbt .daily-detail  .panel span:before{
    content: "";
    position: absolute;
    left: 0;
    top:0;
    width: 20px;
    height: 20px;
    display: block;
}
#nbt .daily-detail  .panel span.look,
#nbt .daily-detail  .panel span.like,
#nbt .daily-detail  .panel span.comment{
    margin-left:  20px;
}

#nbt .daily-detail  .panel span.look{
    float: left;
    margin: 0;
}
#nbt .daily-detail  .panel span.look:before{
    background: url("../images/xq_icon03.png") no-repeat center;
    background-size: contain
}
#nbt .daily-detail  .panel span.like:before{
    background: url("../images/xq_icon04.png") no-repeat  center;
    background-size: contain
}
#nbt .daily-detail  .panel span.comment:before{
    background: url("../images/xq_icon05.png") no-repeat  center;
    background-size: contain
}

#nbt .daily-detail  .panel span.like.act{
    color: #ff9d21;
}
#nbt .daily-detail  .panel span.like.act:before{
    background: url(../images/xq_icon07.png) no-repeat center;
    background-size: 20px;
}


/*优惠劵中心*/
/*--未使用--*/
#yhjzx  .gnd_tabList{
    background-color:#FFF;
}
#yhjzx  .gnd_tabList li{
    float: left;
    width:20%;
    text-align: center;
    height:40px;
    line-height:40px;
    font-size:14px;
    color: #000;
}
#yhjzx  .gnd_tabList li span{
    height:40px;
    display: block;
    width: 3rem;
    margin: 0 auto;
    box-sizing: border-box;
}
#yhjzx  .gnd_tabList .detail_active span{
    border-bottom: 2px solid #F65F4A;
}
#yhjzx .gnd_tabDetail{
    padding: 0.5rem 0;
}
#yhjzx .gnd_tabDetail .shop_detail{
    margin: 0 .5rem 0.5rem ;
}
#yhjzx .gnd_tabDetail .shop_detail:last-child{
    margin: 0 .5rem 0;
}
#yhjzx .gnd_tabDetail .shop_detail .miandanjuan{
    background: url(../images/bg_02.png) center top no-repeat;
    background-size: contain;
    height:4rem;
    padding:0.5rem 0.5rem 0;
    position: relative;
}
#yhjzx .gnd_tabDetail .shop_detail .miandanjuan  .shop_icon{
    position: absolute;
    top: 0;
    left: 0;
    font-size: .6rem;
    background-color: #F65F4A;
    color: #FFF;
    padding: .05rem .3rem;
    border-radius: .05rem;
}
#yhjzx .gnd_tabDetail .shop_detail .miandanjuan .shop-picture{
    width: 3.5rem;
    height: 3.2rem;
    padding-right: .2rem;
    box-sizing: border-box;
}
#yhjzx .gnd_tabDetail .shop_detail .miandanjuan .shop-picture img{
    height:100%;
    width:100%;
}
#yhjzx .gnd_tabDetail .shop_detail .miandanjuan .shop-info{
    width:7.5rem;
    margin-left:.1rem;
}
#yhjzx .gnd_tabDetail .shop_detail .miandanjuan p{
    font-size:.6rem;
    width: 100%;
    float: left;
}
#yhjzx .gnd_tabDetail .shop_detail .miandanjuan .mdj_1{
    color: #40CAB3;
    font-size: .7rem;
    font-weight: bold;
    font-family: "微软雅黑";
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#yhjzx .gnd_tabDetail .shop_detail .miandanjuan .mdj_2{
    margin-top:0.3rem;
  /*  background:url(../images/bg_01.png) top center no-repeat;
    background-size: 100%;*/
    padding:.1rem 0 .1rem .3rem;
    border-left: 2px solid #40CAB3;
    background-color: #F4F4F4;
    box-sizing: border-box;
    color: #40CAB3;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#yhjzx .gnd_tabDetail .data_state  .miandanjuan  .mdj_3{
    height: .7rem;
    margin-top: .2rem;
    overflow: hidden;
}
#yhjzx .gnd_tabDetail .shop_detail .miandanjuan .click_detail{
    position: absolute;
    top: 1.1rem;
    right: .3rem;
    width: 2rem;
    height: 2rem;
}
#yhjzx .gnd_tabDetail .shop_detail .miandanjuan .click_detail img{
    width:100%;
    height:100%;
}
#yhjzx .gnd_tabDetail .shop_detail .shop_only{
    text-align: center;
    font-size: .6rem;
    padding: .2rem 0;
    background: #FFF 11rem .3rem no-repeat;
    background-size: 1.5%;
}
#yhjzx .gnd_tabDetail .shop_detail .shop_only span{
    margin:0 .2rem;
    color: #000;
}
/*--已使用--*/
#yhjzx .gnd_tabDetail .data_state .miandanjuan{
    background: url(../images/bg_gray_01.png) center top no-repeat;
    background-size: contain;
}
#yhjzx .gnd_tabDetail .data_state .miandanjuan .shop_icon{
    background-color: #BBB;
}
#yhjzx .gnd_tabDetail .data_state .miandanjuan .mdj_1{
    color: #BBB;
}
#yhjzx .gnd_tabDetail .data_state .miandanjuan .mdj_2{
   /* background:url(../images/bg_gray.png) top center no-repeat;
    background-size: 100%;*/
    border-left: 2px solid #c5c5c5;
    color: #858585;
}

#yhjzx .layui-m-layer .lingquchenggong{
    bottom: 1rem;
    min-width: 8.25rem;
    min-height: 3rem;
    border-radius: .1rem;
}
#yhjzx .layui-m-layer .lingquchenggong .layui-m-layercont{
    line-height: 2.5rem;
}


/*--AR活动--*/
#ARzx .arList .arList_detail{
    display: block;
    padding: .5rem .6rem;
    background-color:#fff;
    margin-bottom: .4rem;
}
#ARzx .arList .arList_detail .ad_top{
    position: relative;
}
#ARzx .arList .arList_detail .ad_top img{
    width: 100%;
}
#ARzx .arList .arList_detail .ad_center{
    color: #000;
    font-size:14px;
    min-height: 32px;
    overflow: hidden;
    margin: 6px 0;
}
#ARzx .arList .arList_detail .ad_bottom{
    font-size:12px;
    color: #999;
}
#ARzx .ar_detail{
    font-size:12px;
    max-width: 14rem;
}
#ARzx .ar_detail h3{
    font-size:14px;
    height:40px;
    line-height:40px;
    text-align: left;
    padding-left: .5rem;
    background-color: #f5f5f5;
    color:#999;
}
#ARzx .ar_detail h3 i{
    height: 40px;
    width:40px;
}
#ARzx .ar_detail .layui-m-layercont{
    padding:1rem .5rem;
    text-align: left;
    line-height: 20px;
}
#ARzx .ar_detail .layui-m-layercont .ar_detail{
    position: relative;
    padding-left: .5rem;
    color: #000;
}
#ARzx .ar_detail .layui-m-layercont .ar_detail:before{
    content: "";
    width: .2rem;
    height: 4px;
    background-color: #999;
    position: absolute;
    top: .3rem;
    left: 0;
    border-radius: 10px;
}
#ARzx .ar_detail .layui-m-layercont .zhu{
    color: #A8A8A8;
}


/*摇一摇pk赛*/
#yyypk  .yyy_detail{
    margin-top: .3rem;
}
#yyypk  .yyy_detail .shop_detail{
    display: block;
    background-color: #fff;
    padding: .5rem;
    margin-top: .3rem;
    box-sizing: border-box;
}
#yyypk  .yyy_detail .sd_left{
    height: 4rem;
    width:4rem;
    position: relative;
    overflow: hidden;
}
#yyypk  .yyy_detail .sd_left  img {
    width:100%;
    position: absolute;
    top:0;
    left:0;
}
#yyypk  .yyy_detail .sd_right{
    width: 11rem;
    padding-left: .5rem;
    box-sizing: border-box;
    font-size: 12px;
    position: relative;
    min-height: 4rem;

}
#yyypk  .yyy_detail .sd_right .shop_title{
    margin-top: .2rem;
    max-height:32px;
    overflow: hidden;
    line-height:16px;
    font-size: 16px;
    color: #333333;
}
#yyypk  .yyy_detail .sd_right .shop_source{
    margin-top: .3rem;
    color: #c9c9c9;
}
#yyypk  .yyy_detail .sd_right .btn_lingqu{
    border: 1px solid #F66753;
    width: 2.5rem;
    padding: 3px .15rem;
    text-align: center;
    border-radius: 2px;
    float: right;
    color: #F66753;
    position: absolute;
    right:0;
    bottom: 0;
}
#yyypk  .yyy_detail .sd_right .btn_yilingqu{
    border: 1px solid #c9c9c9;
    width: 2.5rem;
    padding: .1rem .15rem;
    text-align: center;
    border-radius:2px;
    float: right;
    color: #c9c9c9;
    position: absolute;
    right:0;
    bottom:0;
}

/*广告礼包*/
#gglb  .gglb_detail{
    margin-top: .3rem;
}
#gglb  .gglb_detail .shop_detail{
    background-color: #fff;
    padding: 0.5rem;
    margin-top: .3rem;
    box-sizing: border-box;
    display: inline-block;
}
#gglb  .gglb_detail .sd_left{
    height: 3.8rem;
    width:5rem;
    position: relative;
    overflow: hidden;
}
#gglb  .gglb_detail .sd_left img{
    width:100%;
    position: absolute;
    top:0;
    left:0;
}
#gglb  .gglb_detail .sd_right{
    width: 9.5rem;
    margin-right: 0.5rem;
    box-sizing: border-box;
    font-size:12px;
    position: relative;
    height: 3.8rem;
    overflow: hidden;
}
#gglb  .gglb_detail .sd_right .shop_title{
    height: 1.5rem;
    overflow: hidden;
    font-size: 14px;
    line-height: 0.8rem;
    color: #000;
}
#gglb  .gglb_detail .sd_right .btn_lingqu{
    display: inline-block;
    border: 1px solid #F66753;
    padding: 3px .15rem;
    text-align: center;
    border-radius: 2px;
    color: #F66753;
    margin-top: 0.3rem;
    font-size:12px
}
#gglb  .gglb_detail  .shop_source{
    display: block;
    color: #999;
    font-size: 12px;
    height: 14px;
    line-height: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 0.2rem;
}























    /*首页*/
#index .header{
    height: 2rem;
    background-color: #ffffff;
    position: relative;
    box-sizing: border-box;
    padding: 0.3rem;
}
#index .header .location{
   font-size: 0.65rem;
    position: absolute;
    left: 0.65rem;
    top:0.65rem;
}

#index .header .logo{
    width: 30%;
    margin: 0 auto;
}

#index .header .logo img{
    width: 100%;
}

#index .header .search,
#index .header .tip-msg{
    position: absolute;
    top:0.6rem;
}
#index .header .search{
    right: 2rem;
    width: 1rem;
    height: 1rem;
    background: url("../images/search.png") no-repeat center;
    background-size: contain;
}
#index .header .tip-msg{
    right: 0.6rem;
    width: 1rem;
    height: 1rem;
    background: url("../images/msg.png") no-repeat center;
    background-size: contain;
}
#index .header .tip-msg i{
    background-color: #ff0000;
    color: #ffffff;
    display: block;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    font-size: 0.65rem;
    line-height:0.8rem;
    text-align: center;
    position: absolute;
    top:-0.4rem;
    right: -0.4rem;
}

#index .swiper-banner {
    width: 100%;
    height: 100%;
}
#index .swiper-banner .swiper-slide {
    background-position: center;
    background-size: cover;
    display: block;
}
#index .swiper-banner .swiper-slide img{
    width: 100%;
}

#index .quick-block{
    display: block;
    overflow: hidden;
}
#index .quick-block .quick-item{
    display:block;
    float: left;
    background-color: #fff;
    width: 33.333%;
    overflow: hidden;
}
#index .quick-block .quick-item img{
    display: block;
    width: 100%;
    height:100%;
}

#index .news{
    height: 2rem;
    background:#fff url("../images/news-bg.png") no-repeat 0.65rem center;
    background-size: auto 0.8rem;
    box-sizing: border-box;
    border-top: 0.05rem solid #FAFAFA;
    overflow: hidden;
    padding-left: 4.5rem;
    padding-top: 0.5rem;
}
#index .news .swiper-news{
    height: 20px;
    overflow: hidden;
    background-color: #f65f4a;
    border-radius: 0.65rem;
    width: 11rem;
    padding: 0.1rem 0;
}

#index .news .swiper-news .swiper-slide{
    font-size: 0.65rem;
    display: block;
    overflow: hidden;
    line-height: 20px;
    height: 20px;
    background: transparent;
    text-align: left;
    padding-left: 0.65rem;
    color: #ffffff;
}
#index .activity {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
#index .activity a{
    display: block;
    float: left;
    width: 50%;
    background-color: #007aff;
    box-sizing: border-box;
}
#index .activity a img{
    display: block;
    width: 100%;

}
#index .activity a:nth-child(1){
    border-right: 0.05rem solid #f5f5f5;
    border-bottom: 0.05rem solid #f5f5f5;
}
#index .activity a:nth-child(2){
    border-bottom: 0.05rem solid #f5f5f5;
    border-left: 0.05rem solid #f5f5f5;
}
#index .activity a:nth-child(3){
    border-right: 0.05rem solid #f5f5f5;
    border-top: 0.05rem solid #f5f5f5;
}
#index .activity a:nth-child(4){
    border-top: 0.05rem solid #f5f5f5;
    border-left: 0.05rem solid #f5f5f5;
}


#index .time-limit{
    display: block;
    height: 6rem;
    background-color: #fff;
    padding: 0.65rem;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

#index .time-limit .gift{
    float: right;
    display: block;
    width: 6.3rem;
    position:absolute;
    right: 0.65rem;
    top:0.65rem;
}

#index .time-limit .hd{
    font-size: 0.8rem;
    line-height:0.8rem;
    display: block;
}
#index .time-limit  .timer{
    width: 10rem;
    display: block;
    height: 2rem;
    margin: 0.6rem 0;
}

#index .time-limit .timer .hour,
#index .time-limit .timer .minu,
#index .time-limit .timer .second{
    display: block;
    float: left;
    background-color: #333;
    color:#fff;
    width: 2rem;
    height: 2rem;
    line-height:2rem;
    font-size: 1rem;
    text-align: center;
}

#index .time-limit .timer .fg{
    display: block;
    float: left;
    margin: 0 0.1rem;
    font-size: 1rem;
    height: 2rem;
    line-height:2rem;
}

#index .time-limit  .next{
    font-size: 0.65rem;
}

#index .nearby-activity .hd{
    height: 1.5rem;
    position: relative;
    padding-left: 1.2rem;
    box-sizing: border-box;

}
#index .nearby-activity .hd::before{
    content:"";
    display:block;
    height:0.75rem;
    width: 0.2rem;
    background-color: #40C9B3;
    position:absolute;
    left: 0.65rem;
    top:0.4rem;
}
#index .nearby-activity .hd .ht{
    height: 1.5rem;
    line-height: 1.5rem;
    font-weight: 600;
    font-size: 0.65rem;
}

#index .nearby-activity .bd{
    background-color: #fff;
    padding: 0.6rem 0 0.2rem 0;
    overflow: auto;
}

#index .nearby-activity .bd .act-list{
    width: 100%;
    white-space: nowrap;
    box-sizing: border-box;
    padding: 0 0.25rem;
}
#index .nearby-activity .bd .act-item,
#index .nearby-activity .bd  .actm-item{
    width: 4rem;
    display: inline-block;
    margin: 0 0.1rem;
    height: 5.6rem;
    overflow: hidden;
}
#index .nearby-activity .bd .act-item img{
    width: 4rem;
    height: 4rem;
    display: block;
}
#index .nearby-activity .bd .act-item .title,
#index .nearby-activity .bd .act-item .desp{
    font-size: 0.6rem;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    color: #666666;
}
#index .nearby-activity .bd .act-item .desp{
    font-size: 0.5rem;
}
#index .nearby-activity .bd .act-item .desp:before{
    content: "";
    display: inline-block;
    width: 0.3rem;
    height: 0.3rem;
    background-color: #f65f4a;
    border-radius: 50%;
    margin-right: 0.2rem;
}

#index .nearby-activity .bd .actm-item p{
    width: 4rem;
    height:4rem;
    box-sizing: border-box;
    border: 0.1rem solid #ececec;
    padding-top: 0.9rem;
}
#index .nearby-activity .bd .actm-item p span{
    display: block;
    font-size: 0.7rem;
    text-align: center;
    line-height: 1rem;
    height: 1rem;
    width: 85%;
    margin: 0 auto;
}
#index .nearby-activity .bd .actm-item p span:nth-child(1){
    color: #f65f4a;
    border-bottom: 0.05rem solid #E7E7E7;

}
#index .nearby-activity .bd .actm-item p span:nth-child(2){
    color: #666666;
}


#index .recommend .hd{
    height: 1.5rem;
    position: relative;
    padding-left: 1.2rem;
    box-sizing: border-box;

}
#index .recommend .hd::before{
    content:"";
    display:block;
    height:0.75rem;
    width: 0.2rem;
    background-color: #40C9B3;
    position:absolute;
    left: 0.65rem;
    top:0.4rem;
}
#index .recommend .hd .ht{
    height: 1.5rem;
    line-height: 1.5rem;
    font-weight: 600;
    font-size: 0.65rem;
}

#index .recommend .bd .rec-item{
    height: 6rem;
    background-color: #fff;
    padding: 0.25rem 0.25rem 0.25rem  4rem;
    box-sizing: border-box;
    position: relative;
}
#index .recommend .bd .rec-item .bk-01{
    border-bottom: 0.05rem solid #EAEAEA;
}
#index .recommend .bd .rec-item .picture{
    width: 4rem;
    height: 4rem;
    position: absolute;
    left: 1rem;
    top:1rem;
}
#index .recommend .bd .rec-item .text{
    font-weight: 600;
}
#index .recommend .bd .rec-item .brand{
    color: #40C9B3;
    border:0.05rem solid #40C9B3;
    padding: 0.1rem 0.25rem;
    border-radius: 0.25rem;
    margin-right:0.75rem
}

#index .recommend .bd .rec-item .desp{
    display: block;
    font-size: 0.65rem;
    margin:0.75rem 0;
    color: #666666;
}
#index .recommend .bd .rec-item .bk-02 text{
    font-size:0.75rem
}


/*led共享申请*/
#led-gxsq .title{
    width:40%;
    height: 2rem;
    line-height: 2rem;
    display: block;
    margin: 0 auto;

}
#led-gxsq .title img{
    width: 100%;
}
#led-gxsq .tips{
    margin: 0.8rem 0.65rem 0;
    background-color: #1cca9a;
    padding: 15px;
    border-radius: 0.3rem;
    position: relative;

}

#led-gxsq .tips p{
    font-size: 12px;
    line-height: 16px;
    color: #ffffff;
    text-indent: 24px;
}
#led-gxsq  .tips i{
    display: block;
    background: url("../images/byy.png") no-repeat center top;
    background-size: contain;
    width: 2rem;
    height: 1rem;
    position: absolute;
    bottom: -1rem;
    left: 0.2rem;
}
#led-gxsq .application-submit{
    margin: 1rem 0.65rem 0;
    overflow: hidden;
}
#led-gxsq .application-submit .from-item{
    margin-bottom: 0.65rem;
    position: relative;
}
#led-gxsq .application-submit .lable{
    font-size: 0.6rem;
    height: 1.3rem;
    display:block;
    line-height: 1.3rem;
    float: left;
    width: 3rem;
    text-align: right;
}
#led-gxsq .application-submit .lable.required:before{
    content: "*";
    color: #f65f4a;
}
#led-gxsq .application-submit input,
#led-gxsq .application-submit textarea{
    float: left;
    display: block;
    height: 1.3rem;
    box-sizing: border-box;
    border: 0.05rem solid #d7d7d7;
    margin-left: 0.2rem;
    width: 11rem;
    font-size: 0.6rem;
    padding: 0 0.3rem;
   background-color: #ffffff;
    border-radius: 0;
    box-shadow: none;
}
#led-gxsq .application-submit textarea{
    height: 4rem;
    resize: none;
    padding:0.2rem;

}
#led-gxsq .application-submit .tips-icon{
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    width: 1.3rem;
    height: 1.3rem;
    line-height: 1.3rem;
    border-radius: 50%;
    background-color: #EAEAEA;
    color: #ffffff;
    text-align: center;
    font-size: 0.75rem;
}
#led-gxsq  .tips-contact{
    color: #fe8934;
    font-size: 14px;
    text-align: center;
    margin: 1rem 0.65rem 0;
}
#led-gxsq  .submit-btn{
    display: block;
    margin: 10px 0.4rem 10px;
    background-color:#40c9b3;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
    font-size: 14px;
    border: none;

}

/*媒体入驻*/
#mtrz .title{
    width:40%;
    height: 2rem;
    line-height: 2rem;
    display: block;
    margin: 0 auto;

}
#mtrz .title img{
    width: 100%;
}
#mtrz .tips{
    margin: 0.8rem 0.65rem 0;
    background-color: #1cca9a;
    padding: 15px;

    border-radius: 0.3rem;
    position: relative;

}
#mtrz .tips h3{
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #ffffff;
}
#mtrz .tips p{
    font-size: 12px;
    line-height: 16px;
    color: #ffffff;
    text-indent: 24px;
}
#mtrz .tips i{
    display: block;
    background: url("../images/byy.png") no-repeat center top;
    background-size: contain;
    width: 2rem;
    height: 1rem;
    position: absolute;
    bottom: -1rem;
    left: 0.2rem;
}
#mtrz .application-submit{
    margin: 1rem 0.65rem 0;
    overflow: hidden;
}
#mtrz .application-submit .from-item{
    margin-bottom: 0.65rem;
    position: relative;
}
#mtrz .application-submit .lable{
    font-size: 0.6rem;
    height: 1.3rem;
    display:block;
    line-height: 1.3rem;
    float: left;
    width: 3rem;
    text-align: right;
}
#mtrz .application-submit .lable.required:before{
    content: "*";
    color: #f65f4a;
}
#mtrz .application-submit input,
#mtrz .application-submit textarea{
    float: left;
    display: block;
    height: 1.3rem;
    box-sizing: border-box;
    border: 0.05rem solid #d7d7d7;
    margin-left: 0.2rem;
    width: 11rem;
    font-size: 0.65rem;
    padding: 0 0.3rem;
}
#mtrz .application-submit textarea{
    height: 4rem;
    resize: none;
    padding:0.2rem;

}
#mtrz .application-submit .tips-icon{
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    width: 1.3rem;
    height: 1.3rem;
    line-height: 1.3rem;
    border-radius: 50%;
    background-color: #EAEAEA;
    color: #ffffff;
    text-align: center;
    font-size: 0.75rem;
}
#mtrz  .tips-contact{
    color: #fe8934;
    font-size: 14px;
    text-align: center;
    margin: 1rem 0.65rem 0;
}
#mtrz  .submit-btn{
    display: block;
    margin: 10px 0.4rem 10px;
    background-color:#40c9b3;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
    font-size: 14px;
    border: none;
}

/*品牌入驻*/
#pprz .title{
    width:40%;
    height: 2rem;
    line-height: 2rem;
    display: block;
    margin: 0 auto;

}
#pprz .title img{
    width: 100%;
}
#pprz .tips{
    margin: 0.8rem 0.65rem 0;
    background-color: #1cca9a;
    padding: 15px;
    border-radius: 0.3rem;
    position: relative;

}
#pprz .tips h3{
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #ffffff;
}
#pprz .tips p{
    font-size: 12px;
    line-height: 16px;
    color: #ffffff;
}
#pprz .tips i{
    display: block;
    background: url("../images/byy.png") no-repeat center top;
    background-size: contain;
    width: 2rem;
    height: 1rem;
    position: absolute;
    bottom: -1rem;
    left: 0.2rem;
}
#pprz .application-submit{
    margin: 1rem 0.65rem 0;
    overflow: hidden;
}
#pprz .application-submit .from-item{
    margin-bottom: 0.65rem;
    position: relative;
}
#pprz .application-submit .lable{
    font-size: 0.6rem;
    height: 1.3rem;
    display:block;
    line-height: 1.3rem;
    float: left;
    width: 3rem;
    text-align: right;
}
#pprz .application-submit .lable.required:before{
    content: "*";
    color: #f65f4a;
}
#pprz .application-submit input,
#pprz .application-submit textarea{
    float: left;
    display: block;
    height: 1.3rem;
    box-sizing: border-box;
    border: 0.05rem solid #d7d7d7;
    margin-left: 0.2rem;
    width: 11rem;
    font-size: 0.65rem;
    padding: 0 0.3rem;
}
#pprz .application-submit textarea{
    height: 4rem;
    resize: none;
    padding:0.2rem;

}
#pprz .application-submit .tips-icon{
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    width: 1.3rem;
    height: 1.3rem;
    line-height: 1.3rem;
    border-radius: 50%;
    background-color: #EAEAEA;
    color: #ffffff;
    text-align: center;
    font-size: 0.75rem;
}
#pprz  .tips-contact{
    color: #fe8934;
    font-size: 14px;
    text-align: center;
    margin: 1rem 0.65rem 0;
}
#pprz  .submit-btn{
    display: block;
    margin: 10px 0.4rem 10px;
    background-color:#40c9b3;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
    font-size: 14px;
    border: none;
}

/*媒体-我要入驻*/
#mt-wyrz .select-item{
    height: 3.5rem;
    background-color: #ffffff;
    padding: 1.4rem 0 1rem;
    margin-bottom: 0.3rem;
}
#mt-wyrz .btn-wap{
    height: 2rem;
    width: 65%;
    position: relative;
    margin: 0 auto;
}
#mt-wyrz .select-item a{
    display: block;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    font-size: 0.85rem;
    margin: 0 auto;
    color: #ffffff;
    border-radius: 0.2rem;
    position: relative;
}
#mt-wyrz .select-item a.rz-01,
#mt-wyrz .select-item a.rz-03{
    background-color: #1BCA9A;
}
#mt-wyrz .select-item a.rz-02{
    background-color: #4fceb9;
}
#mt-wyrz .select-item .btn-wap  i{
    position: absolute;
    display: block;
    right: -1.8rem;
    top: 0.3rem;
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    border-radius: 50%;
    background-color: #EAEAEA;
    color: #ffffff;
    text-align: center;

}
#mt-wyrz .select-item p{
    font-size: 0.65rem;
    text-align: center;
    color: #999999;
    margin: 0.6rem auto 0;

}
#mt-wyrz-layer h4,
#mt-wyrz-layer p{
    text-align: left;
    font-size: 0.75rem;
}
#mt-wyrz-layer p{
   text-indent:1.5rem ;
}

/*意见反馈*/
#yjfk input::-webkit-input-placeholder,#yjfk textarea::-webkit-input-placeholder {
    color: #d1d0d0;
}

#yjfk h2{
    font-size: 14px;
    line-height: 30px;
    margin: 0 0.4rem;
}

#yjfk .message{
    display: block;
    width: 100%;
    background-color: #ffffff;
    box-sizing: border-box;
    border: none;
    height: 6rem;
    resize: none;
    color: #333;
    font-size: 0.7rem;
    padding: 0.3rem;
    margin-bottom: 0.4rem;
}

#yjfk .from-item{
    height: 2rem;
    background-color: #ffffff;
    margin-bottom: 0.4rem;
}
#yjfk .from-item .lable{
    display: block;
    color: #999999;
    font-size: 0.75rem;
    height:2rem;
    line-height: 2rem;
    width: 3rem;
    text-align: right;
    float: left;
    margin-right: 0.4rem;
}
#yjfk .from-item input{
    color: #333;
    font-size: 0.75rem;
    height:1rem;
    float: left;
    line-height: 1rem;
    width:12rem;
    box-sizing: border-box;
    padding: 0 0.4rem;
    margin: 0.5rem 0;
}
#yjfk .submit-btn{
    display: block;
    margin: 10px 0.4rem 0;
    background-color: #40cab3;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
    font-size: 14px;
    border: none;
}

/*我的活动*/
#wdhd .act-item{
    background-color: #ffffff;
    display: block;
    margin-bottom: 0.5rem;
}
#wdhd .act-item .imgb{
    position: relative;
}
#wdhd .act-item .imgb i{
    display: inline-block;
    position: absolute;
    border-radius: 0.1rem;
    right: 0.6rem;
    bottom: 0.6rem;
    color: #ffffff;
    font-size: 0.6rem;
    padding: 0.2rem 0.6rem;
    background-color: rgba(51, 51, 51, 0.51);
}
#wdhd .act-item .bnr{
    display: block;
    width: 100%;
}
#wdhd .act-item p{
    height: 50px;
    padding: 0 0.4rem;
    position: relative;
}

#wdhd .act-item p .span-01{
    display: block;
    float: left;
    color:#333333 ;
    font-size: 12px;
    height: 14px;
    line-height:50px;
}
#wdhd .act-item p .span-02{
    position: absolute;
    right: 0.4rem;
    top:50%;
    margin-top: -20px;
    height: 40px;
}

#wdhd .act-item p .span-02 b{
    display: block;
    font-size: 12px;
    color: #333333;
    text-align: right;
    font-weight: normal;
    height: 20px;
    line-height: 20px;

}


/*我的订单*/
#wddd .tab-hd{
    height: 40px;
    background-color: #ffffff;
    padding: 0 0.4rem;
}
#wddd .tab-hd li{
    width: 20%;
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    float: left;
}
#wddd .tab-hd li.active{
    border-bottom: 2px solid #f65f4a;
}
#wddd .tab-bd{
    margin-top: 0.4rem;
}
#wddd .tab-bd .tab-item{
    background-color: #ffffff;
    padding-left: 0.5rem;
    margin-bottom: 0.4rem;
}
#wddd .tab-bd .tab-item .hd{

    height: 40px;
}
#wddd .tab-bd .tab-item .hd .order{
    float: left;
    color: #333333;
    font-size: 14px;
    line-height: 40px;
}

#wddd .tab-bd .tab-item .hd .state{
    float: right;
    color: #f65f4a;
    font-size: 14px;
    line-height: 40px;
    margin-right: 0.6rem;

}

#wddd .tab-bd .tab-item .bd{
    padding: 0.6rem 0;
    border-bottom: 0.05rem solid #F2F2F2;
    border-top: 0.05rem solid #F2F2F2;
}
#wddd .tab-bd .tab-item .bd .opt{

}

#wddd .tab-bd .tab-item .bd .opt span{
    font-size: 12px;
    line-height: 20px;
    float: left;
    color: #666666;

}
#wddd .tab-bd .tab-item .bd .opt .label{
    padding-right: 5px;
}

#wddd .tab-bd .tab-item .fd{
    padding: 0.6rem 0.6rem 0.6rem 0;
    text-align: right;
}
#wddd .tab-bd .tab-item .fd .price{
    color: #333333;
    font-size: 16px;
    font-weight: 600;
}
#wddd .tab-bd .tab-item .fd .price b{
    color: #f65f4a;
    font-size: 18px;
    height: 24px;
    line-height: 24px;
}
#wddd .tab-bd .tab-item .fd .btns{
    text-align: right;
    margin-top: 0.2rem;
}
#wddd .tab-bd .tab-item .fd .btn{
    border-radius: 0.1rem;
    padding: 3px 0.6rem;
    font-size: 12px;
    float: right;
    margin-left: 0.4rem;
}
#wddd .tab-bd .tab-item .fd .btn.btn-delete{
    color: #666666;
    border-color: #666666;
}
#wddd .tab-bd .tab-item .fd .btn.btn-detail{
    color: #f65f4a;
    border-color: #f65f4a;
}

/*充值*/
#cz h2{
    font-size: 14px;
    line-height: 30px;
    margin: 0 0.4rem;
}
#cz  .form-item{
    height: 40px;
    background-color: #ffffff;
    margin: 0 0.4rem;
    position: relative;
}
#cz  .form-item input{
    display: block;
    position: absolute;
    width: 13.2rem;
    box-sizing: border-box;
    height: 20px;
    line-height:20px;
    font-size: 16px;
    padding: 0 0.4rem;
    margin: 10px 0;
}
#cz .empty{
    display: block;
    position: absolute;
    height: 40px;
    width: 40px;
    right: 0;
    top:0;
    background: url("../images/empty.png") no-repeat center;
    background-size: 40%;
}
#cz  .submit-btn{
    display: block;
    margin: 10px 0.4rem 0;
    background-color: #e5e5e5;
    height: 30px;
    line-height:  30px;
    color: #ffffff;
    font-size: 14px;
    border: none;
}
#cz  .submit-btn.active{
    background-color: #40c9b3;
}
#cz  .lay-pay{
    background: #ffffff;
    height: 16rem;
}
#cz  .lay-pay .hd{
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    position: relative;
    border-bottom: 0.1rem solid #F7F7F7;
}
#cz  .lay-pay .hd .close-pay{
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    top:0;
    background: url("../images/cloes.png") no-repeat center;
     background-size: 40%;
}
#cz  .lay-pay .bd{
    padding-left: 0.6rem;
}
#cz  .lay-pay .bd li{
    height: 46px;
    line-height: 46px;
    padding: 0 0.65rem;
    font-size: 14px;
    position: relative;
    border-bottom: 0.05rem solid #F7F7F7;
}
#cz  .lay-pay .bd li:after{
    content: "";
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    background: url("../images/rj.png") no-repeat center;
    background-size: contain;
    position: absolute;
    right: 0.4rem;
    top:50%;
    margin-top: -0.3rem;

}

/*个人资料*/
#grzl h2{
    font-size: 14px;
    line-height: 30px;
    margin: 0 0.4rem;
}
#grzl  .form-item{
    height: 40px;
    background-color: #ffffff;
    margin: 0 0.4rem;
    position: relative;
}
#grzl  .form-item input{
    display: block;
    position: absolute;
    width: 13.2rem;
    box-sizing: border-box;
    height: 20px;
    line-height:20px;
    font-size: 14px;
    padding: 0 0.4rem;
    margin: 10px 0;
}
#grzl .empty{
    display: block;
    position: absolute;
    height: 40px;
    width: 40px;
    right: 0;
    top:0;
    background: url("../images/empty.png") no-repeat center;
    background-size: 40%;
}
#grzl  .submit-btn{
    display: block;
    margin: 10px 0.4rem 0;
    background-color: #e5e5e5;
    height: 30px;
    line-height:  30px;
    color: #ffffff;
    font-size: 14px;
    border: none;
}
#grzl  .submit-btn.active{
    background-color: #40c9b3;
}
#grzl  .lay-pay{
    background: #ffffff;
    height: 16rem;
}
#grzl  .lay-pay .hd{
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    position: relative;
    border-bottom: 0.1rem solid #F7F7F7;
}
#grzl  .lay-pay .hd .close-pay{
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    top:0;
    background: url("../images/cloes.png") no-repeat center;
    background-size: 40%;
}
#grzl  .lay-pay .bd{
    padding-left: 0.6rem;
}
#grzl  .lay-pay .bd li{
    height: 46px;
    line-height: 46px;
    padding: 0 0.65rem;
    font-size: 14px;
    position: relative;
    border-bottom: 0.05rem solid #F7F7F7;
}
#grzl  .lay-pay .bd li:after{
    content: "";
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    background: url("../images/rj.png") no-repeat center;
    background-size: contain;
    position: absolute;
    right: 0.4rem;
    top:50%;
    margin-top: -0.3rem;

}
/*订单详情*/
#ddxq{
    padding-bottom: 3.1rem;
}
#ddxq .detail-01{
    padding: 0.4rem 0.6rem;
    background-color: #ffffff;
    margin-bottom: 0.4rem;
}

#ddxq .detail-01 .order-numb,
#ddxq .detail-01 .order-state{
     font-size: 16px;
    position: relative;
    height: 28px;
    line-height: 28px;
}
#ddxq .detail-01 .lable{
    display: inline-block;
    font-size:  16px;
    text-align: left;
    float: left;
}
#ddxq .detail-01 .order-numb .copy{
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    border: 1px solid #E6E6E6;
    padding: 0 0.6rem;
    border-radius: 3px;
    margin-top: 0.15rem;
    line-height: 28px;
    box-sizing: border-box;
    height: 28px;
}
#ddxq .detail-01 .order-numb span:nth-child(2){
    display: block;
    width: 9rem;
    float: left;
    font-size: 16px;

}
#ddxq .detail-01 .order-state span:nth-child(2){
    color: #f65f4a;
    font-size: 16px;
    display: block;
    width: 9rem;
    float: left;
}

#ddxq .detail-02,
#ddxq .detail-03,
#ddxq .detail-04{
    padding: 0 0 0.4rem 0.6rem;
    background-color: #ffffff;
    margin-bottom: 0.4rem;
}

#ddxq .detail-02 .hd,
#ddxq .detail-03 .hd,
#ddxq .detail-04 .hd{
    height: 38px;
    border-bottom: 0.05rem solid #F4F4F4;
}
#ddxq .detail-02 .hd h3,
#ddxq .detail-02 .hd span,
#ddxq .detail-03 .hd h3,
#ddxq .detail-04 .hd h3{
    display: block;
    font-size: 16px;
    float: left;
    height: 38px;
    line-height: 38px;
}
#ddxq .detail-02 .hd span{
    font-size: 12px;
    float: right;
    margin-right: 0.6rem;

}
#ddxq .detail-02 .bd{
    padding: 0.4rem 0;
    border-bottom: 0.05rem solid #F4F4F4;
}
#ddxq .detail-02 .bd .opt{
    margin-right: 0.6rem;
}
#ddxq .detail-02 .bd .opt p{
    color: #666666;
    font-size: 14px;
    line-height: 22px;
    float:left;
}
#ddxq .detail-02 .fd .opt .lable,
#ddxq .detail-02 .bd .opt .lable{
    padding-right: 5px;
}

#ddxq .detail-02 .bd .opt p.cont{
    width: 10rem;
}

#ddxq .detail-02 .fd{
    padding: 0.4rem 0;
}

#ddxq .detail-02 .fd .opt .lable,
#ddxq .detail-02 .fd .opt .cont{
    color: #666666;
    font-size: 14px;
    line-height: 22px;
    float:left;
}


#ddxq .detail-02 .fd .opt .cont{
    width: 11.5rem;
}
#ddxq .detail-02 .fd .opt .cont .imgs{
    width: 100%;
    margin-top: 0.3rem;
}
#ddxq .detail-02 .fd .opt .cont .imgs b{
    display: block;
    float:left;
    width: 3.5rem;
    height: 3.5rem;
    overflow: hidden;
    margin-right:0.2rem;
    margin-bottom:0.2rem;
    position: relative;
}
#ddxq .detail-02 .fd .opt .cont .imgs b img{
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top:0;
}


#ddxq .detail-03 .bd{
    padding: 0.4rem 0;
}
#ddxq .detail-03 .bd .opt p{
    color: #666666;
    font-size: 14px;
    line-height: 22px;
    float:left;
}
#ddxq .detail-03 .bd .opt .lable{
    padding-right: 5px;
}
#ddxq .detail-03 .bd .opt p.cont{
    width: 11.5rem;
}
#ddxq .detail-03 .bd .opt p.total{
    color: #f65f4a;
}


#ddxq .detail-04 .bd{
    padding: 0.4rem 0;
}
#ddxq .detail-04 .bd .opt p{
    color: #666666;
    font-size:14px;
    line-height:22px;
    float:left;
}
#ddxq .detail-04 .bd .opt .lable{
    padding-right: 5px;
}
#ddxq .detail-04 .bd .opt p.cont{
    width: 10rem;
}

#ddxq  .detail-05{
    border-top: 0.05rem solid #eaeaea;
    background-color: #f0f0f0;
    box-sizing: border-box;
    height: 60px;
    text-align: right;
    line-height: 60px;
    padding: 15px 0.6rem;
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
}
#ddxq  .detail-05 .dele{
    height: 30px;
    display: inline-block;
    font-size: 14px;
    float: left;
    line-height: 30px;
}
#ddxq  .detail-05 .btn{
    display:block;
    padding: 5px 0.4rem;
    height: 30px;
    box-sizing: border-box;
    font-size: 12px;
    border: 1px solid #666666;
    color: #666666;
    float: right;
    margin-left: 0.4rem;
}
#ddxq  .detail-05 .btn.red{
    color: #f65f4a;
    border: 1px solid #f65f4a;
}

#lqfl-zt h2 {
    font-size: 14px;
    line-height: 30px;
    margin: 0 0.4rem;
}
#lqfl-zt .location{
    background-color: #ffffff;
    padding: 15px 0.6rem;
}
#lqfl-zt .location .opt{
    margin-bottom: 0.15rem;
}
#lqfl-zt .location .opt p{
    color: #333;
    font-size: 14px;
    line-height: 20px;
    float:left;
}

#lqfl-zt .location .opt .lable{
    margin-right: 8px;
}

#lqfl-zt .location .opt p.cont{
    width: 10rem;
}
#lqfl-zt  .submit-btn {
    display: block;
    margin: 10px 0.4rem 0;
    background-color: #40c9b3;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
    font-size: 14px;
    border: none;
}


/*媒体资源-详情*/
#mtzy-xq .title-header{
    background-color: #ffffff;
    overflow: hidden;
    border-bottom: 1px solid #E7E7E7;
}
#mtzy-xq .title-header h2{
    margin: 0 0.6rem;
    line-height: 24px;
    color: #333333;
    font-size: 16px;
    padding: 8px 0;
}


#mtzy-xq .swiper-picture .swiper-slide img {
    display: block;
    width: 100%;
}
#mtzy-xq  .swiper-pages{
    width: 2.5rem;
    height: 1rem;
    line-height: 1rem;
    background-color: rgba(0, 0, 0, 0.85);
    color: #ffffff;
    text-align: center;
    font-size: 0.75rem;
    border-radius:3rem;
    position: absolute;
    bottom: 0.5rem;
    left: 12.5rem;
    z-index: 999;
}

#mtzy-xq .bk-01,
#mtzy-xq .bk-02,
#mtzy-xq .bk-03{
    background-color: #ffffff;
    margin-bottom: 0.4rem;
}

#mtzy-xq .bk-01 h3,
#mtzy-xq .bk-02 h3{
    font-size: 16px;
    color: #13c8ac;
    height: 36px;
    line-height: 36px;
    padding-left: 0.6rem;
}
#mtzy-xq .bk-01 p {
    font-size: 14px;
    padding:0 0.6rem 0.6rem 0.6rem;
    color: #333333;
    line-height: 18px;
}
#mtzy-xq .bk-02 .param{
    padding:0 0.6rem 0.6rem 0.6rem;
}
#mtzy-xq .bk-02 .param li{
    font-size: 14px;
    color: #333333;
    position: relative;
    height: 18px;
    line-height: 18px;
    padding-left: 18px;
}
#mtzy-xq .bk-02 .param li::before{
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    display:block;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#mtzy-xq .bk-02 .param li.p-01::before{

    background: url("../images/type.png") no-repeat left center;
    background-size: 75%;

}
#mtzy-xq .bk-02 .param li.p-02::before{
     background: url("../images/time.png") no-repeat left center;
    background-size: 75%;
 }
#mtzy-xq .bk-02 .param li.p-03::before{
    background: url("../images/iconfont-dingwei.png") no-repeat left center;
    background-size: 75%;
}
#mtzy-xq .bk-02 .param li.p-04::before{
    background: url("../images/xtcs.png") no-repeat left center;
    background-size: 75%;
}
#mtzy-xq .bk-03{
    padding: 0.6rem;
}
#mtzy-xq .bk-03 .btn-service{
    display: block;
    background-color: #40c9b3;
    height:30px;
    line-height: 30px;
    color: #ffffff;
    border: none;
    font-size: 16px;
}
#mtzy-xq .bk-03 .panel{
    height: 20px;
    margin-top: 20px;
}
#mtzy-xq .bk-03 .panel span{
    font-size: 12px;
    height: 20px;
    line-height:20px;
    display: block;
    float: right;
    color: #cccccc;
    position: relative;
    padding-left: 22px;
}
#mtzy-xq .bk-03 .panel span:before{
    content: "";
    position: absolute;
    left: 0;
    top:0;
    width: 20px;
    height:20px;
    display: block;
}
#mtzy-xq .bk-03 .panel span.look,
#mtzy-xq .bk-03 .panel span.like,
#mtzy-xq .bk-03 .panel span.comment{
    margin-left: 20px;
}

#mtzy-xq .bk-03 .panel span.collect{
    float: left;
    color: #cccccc;
}
#mtzy-xq .bk-03 .panel span.collect:before{

    background: url("../images/xq_icon06.png") no-repeat left center;
    background-size: 18px;
}
#mtzy-xq .bk-03 .panel span.collect.active{
    color: #ff9d21;
}
#mtzy-xq .bk-03 .panel span.collect.active:before{
    background: url("../images/xq_icon02.png") no-repeat left center;
    background-size: 18px;
}

#mtzy-xq .bk-03 .panel span.look:before{
    background: url("../images/xq_icon03.png") no-repeat left center;
    background-size: 20px;
}
#mtzy-xq .bk-03 .panel span.like:before{
    background: url("../images/xq_icon04.png") no-repeat left center;
    background-size: 20px;
}
#mtzy-xq .bk-03 .panel span.comment:before{
    background: url("../images/xq_icon05.png") no-repeat left center;
    background-size: 20px;
}

#mtzy-xq .bk-03   .panel span.like.act{
    color: #ff9d21;
}
#mtzy-xq .bk-03  .panel span.like.act:before{
    background: url(../images/xq_icon07.png) no-repeat center;
    background-size: 20px;
}

/*牛播厅列表-详情*/
#nbtlb-xq .bk-01{
    background-color: #ffffff;
    padding: 0.6rem;
}
#nbtlb-xq .bk-01 h3{
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
    color: #333333;
    font-size: 18px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#nbtlb-xq .bk-01 p{
    font-size: 14px;
    line-height: 20px;
}
#nbtlb-xq .bk-01 a{
    margin-top: 5px;
    float: right;
    font-size: 14px;
    height: 18px;
    line-height: 18px;
    color: #40c9b3;
    display: block;
    padding-right: 18px;
    position: relative;
}
#nbtlb-xq .bk-01 a:after{
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background: url("../images/rj-01.png") no-repeat center;
    background-size: 6px;
    position: absolute;
    right: 0;
    top:0;
}
#nbtlb-xq .bk-02{
    margin-bottom: 0.2rem;
}

#nbtlb-xq .bk-02 .param{
    height: 72px;
    overflow: hidden;
    margin:0.6rem 0.6rem 0;
}
#nbtlb-xq .bk-02 .param.open{
    height: auto;
}
#nbtlb-xq .bk-02 .param li{
    font-size: 14px;
    color: #999999;
    position: relative;
    height: 18px;
    line-height: 18px;
    padding-left:  18px;
}
#nbtlb-xq .bk-02 .param li::before{
    content: "";
    position: absolute;
    width:18px;
    height: 18px;
    display:block;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#nbtlb-xq .bk-02 .param li.p-01::before{

    background: url("../images/type.png") no-repeat left center;
    background-size: 75%;

}
#nbtlb-xq .bk-02 .param li.p-02::before{
    background: url("../images/time.png") no-repeat left center;
    background-size: 75%;
}
#nbtlb-xq .bk-02 .param li.p-03::before{
    background: url("../images/iconfont-dingwei.png") no-repeat left center;
    background-size: 75%;
}
#nbtlb-xq .bk-02 .param li.p-04::before{
    background: url("../images/xtcs.png") no-repeat left center;
    background-size: 75%;
}
#nbtlb-xq .bk-02 .down-open{
    text-align: center;
    line-height: 20px;
}
#nbtlb-xq .bk-02 .btn-open{
    display: inline-block;
    height: 20px;
    line-height: 20px;
    position: relative;
    padding-left: 24px;
    font-size:14px;
    margin: 0 auto;
    text-align: center;
    box-sizing: border-box;
    color: #cccccc;
}
#nbtlb-xq .bk-02 .btn-open:before{
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top:0;
    background: url("../images/t-01.png") no-repeat left center;
    background-size: 80%;
}
#nbtlb-xq .bk-02 .btn-open.active:before{
    background: url("../images/t-02.png") no-repeat left center;
    background-size: 80%;
}
#nbtlb-xq .bk-03{
    background-color: #ffffff;
    margin-bottom: 0.4rem;
    padding-bottom: 0.3rem;
}
#nbtlb-xq .bk-03 .coupon{
    padding: 0.6rem;
    overflow: auto;
}
#nbtlb-xq .bk-03 .coupon-wrap{
    white-space: nowrap;
}
#nbtlb-xq .bk-03 .couItem{
    display: inline-block;
    height: 2.6rem;
    width: 4.6rem;
    box-sizing: border-box;
    padding: 0.2rem;

}
#nbtlb-xq .bk-03 .cou-01{
    background: url("../images/cou-01.png") no-repeat center;
    background-size: contain;
}
#nbtlb-xq .bk-03 .cou-02{
    background: url("../images/cou-02.png") no-repeat center;
    background-size: contain;
}
#nbtlb-xq .bk-03 .cou-03{
    background: url("../images/cou-03.png") no-repeat center;
    background-size: contain;
}
#nbtlb-xq .bk-03 .couItem .box{
    border: 0.05rem dotted rgba(255, 255, 255, 0.76);
    height: 2.1rem;
    position: relative;
}
#nbtlb-xq .bk-03 .couItem .box .b-01{
    width: 3rem;
    position: absolute;
    height: 2.1rem;
}
#nbtlb-xq .bk-03 .couItem .box .b-01 b{
    display: block;
    text-align: center;
    font-size: 1.2rem;
    height: 1.2rem;
    color: #ffffff;
}
#nbtlb-xq .bk-03 .couItem .box .b-01 b:before{
    content: " ¥ ";
    font-size: 0.6rem;
    color: #ffffff;
    font-weight: 100;
}
#nbtlb-xq .bk-03 .couItem .box .b-01 span{
    display: block;
    color: #ffffff;
    text-align: center;
    font-size: 0.6rem;
    font-weight: 100;
}
#nbtlb-xq .bk-03 .couItem .box .b-02{
    width: 1rem;
    border-left: 0.05rem dotted rgba(255, 255, 255, 0.76);
    position: absolute;
    font-size: 0.6rem;
    color: #ffffff;
    right: 0;
    top: 0;
    height: 2.1rem;
    text-align: center;
    line-height: 1rem;
}

#nbtlb-xq .bk-03 .picture-list{
    padding:0 0.6rem;
}
#nbtlb-xq .bk-03 .picture-list .imgb{
    float: left;
    display: block;
    width: 7.2rem;
    height: 5.2rem;
    margin-bottom:0.4rem;
    position: relative;
    overflow: hidden;
}
#nbtlb-xq .bk-03 .picture-list .imgb img{
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
}
#nbtlb-xq .bk-03 .picture-list .imgb:nth-child(even){
    margin-left: 0.2rem;
}
#nbtlb-xq .bk-03 .picture-list .imgb:nth-child(odd){
    margin-right: 0.2rem;
}

#nbtlb-xq .bk-03 .panel{
    padding:0 0.6rem;
    height: 20px;
    margin-top: 18px;
}
#nbtlb-xq .bk-03 .panel span{
    font-size: 12px;
    height: 20px;
    line-height:20px;
    display: block;
    float: right;
    color: #cccccc;
    position: relative;
    padding-left: 22px;
}
#nbtlb-xq .bk-03 .panel span:before{
    content: "";
    position: absolute;
    left: 0;
    top:0;
    width: 20px;
    height:20px;
    display: block;
}
#nbtlb-xq .bk-03 .panel span.look,
#nbtlb-xq .bk-03 .panel span.like,
#nbtlb-xq .bk-03 .panel span.comment{
    margin-left: 20px;
}

#nbtlb-xq .bk-03 .panel span.collect{
    float: left;
}
#nbtlb-xq .bk-03 .panel span.collect:before{

    background: url("../images/xq_icon06.png") no-repeat left center;
    background-size: 20px;
}
#nbtlb-xq .bk-03 .panel span.collect.active{
    color: #ff9d21;
}
#nbtlb-xq .bk-03 .panel span.collect.active:before{
    background: url("../images/xq_icon02.png") no-repeat left center;
    background-size: 20px;
}

#nbtlb-xq .bk-03 .panel span.look:before{
    background: url("../images/xq_icon03.png") no-repeat left center;
    background-size: 20px;
}
#nbtlb-xq .bk-03 .panel span.like:before{
    background: url("../images/xq_icon04.png") no-repeat left center;
    background-size: 20px;
}
#nbtlb-xq .bk-03 .panel span.comment:before{
    background: url("../images/xq_icon05.png") no-repeat left center;
    background-size: 20px;
}

#nbtlb-xq .bk-03 .panel span.like.act{
    color: #ff9d21;
}
#nbtlb-xq .bk-03 .panel span.like.act:before{
    background: url(../images/xq_icon07.png) no-repeat center;
    background-size: 20px;
}

#nbtlb-xq .imgBox {
    display: none;
    position: fixed;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.90);
}
#nbtlb-xq .swiper-container {
    width: 100%;
    height: 100%;
}
#nbtlb-xq .swiper-slide {
    text-align: center;
    background-color: transparent;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#nbtlb-xq .swiper-container-horizontal>.swiper-pagination-bullets{
    bottom: 20px !important;
}
#nbtlb-xq .swiper-pagination-bullet {

    background: #fff;
}

/*广告圈*/

#ggq{

}
#ggq .swiper-banner {
    width: 100%;
    height: 100%;
}
#ggq .swiper-banner .swiper-slide {
    display: block;
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#ggq .swiper-banner .swiper-slide img{
    display: block;
    width: 100%;

}
#ggq .tab-hd{
    height: 40px;
    background-color: #ffffff;
    margin-top: 0.4rem;
    overflow-x: auto;
    padding: 0 0.6rem;
    margin-bottom: 0.4rem;
    webkit-overflow-scrolling: touch;
}
#ggq .tab-hd ul{
    white-space: nowrap;
    font-size: 14px;
}
#ggq .tab-hd ul li{
    display: inline-block;
    height:40px;
    line-height: 40px;
    font-size: 14px;
    padding: 0 0.4rem;
    box-sizing: border-box;
    vertical-align: top;
}
#ggq .tab-hd ul li.active{
    border-bottom: 2px solid #f65f4a;
}
#ggq .tab-bd a{
    display: block;
    background-color: #ffffff;
    margin-bottom: 0.4rem;
}
#ggq .tab-bd a img{
    display: block;
    width: 100%;
}
#ggq .tab-bd a p{
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 40px;
    line-height: 40px;
    color: #333333;
    background-color: #ffffff;
    padding: 0 0.6rem;
}

/*广告圈-详情*/
#ggq-xq .video{
    display: block;
    height: 60%;
    width: 100%;
}
#ggq-xq .swiper-picture{
    margin-bottom: 0.4rem;
}
#ggq-xq .swiper-picture .swiper-slide img {
    display: block;
    width: 100%;
}
#ggq-xq  .swiper-pages{
    width: 2.5rem;
    height: 1rem;
    line-height: 1rem;
    background-color: rgba(0, 0, 0, 0.85);
    color: #ffffff;
    text-align: center;
    font-size: 0.75rem;
    border-radius:3rem;
    position: absolute;
    bottom: 0.5rem;
    left: 12.5rem;
    z-index: 999;
}
#ggq-xq .bk-01{
    background-color: #ffffff;
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
}
#ggq-xq .bk-01 h3 {
    font-size: 16px;
    line-height: 24px;
    color: #333333;
    padding:8px 0.6rem;
    border-bottom: 1px solid #E7E7E7;

}
#ggq-xq .bk-01 .cont{
    padding: 0.6rem;
    font-size:14px;
    color: #666666;
    line-height: 18px;
    overflow: hidden;
}
/*街头巷尾*/
#jtxw{

}
#jtxw .tab-hd{
    height: 40px;
    webkit-overflow-scrolling: touch;
    background-color: #ffffff;
    margin-top: 0.4rem;
    overflow-x: auto;
    padding: 0 0.6rem;
    margin-bottom: 0.4rem;
}
#jtxw .tab-hd ul{
    white-space: nowrap;
    font-size: 14px;
}
#jtxw .tab-hd ul li{
    display: inline-block;
    height: 40px;
    line-height:40px;
    font-size:14px;
    padding: 0 0.4rem;
    box-sizing: border-box;
    vertical-align: top;
}
#jtxw .tab-hd ul li.active{
    border-bottom: 2px solid #f65f4a;
}

#jtxw .tab-bd .item-01,
#jtxw .tab-bd .item-02{
    padding: 0.6rem 0 0.4rem;
    background-color: #ffffff;
    margin-bottom: 0.4rem;
    display: block;
}

#jtxw .tab-bd  time{
    display: block;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    color: #999999;
    margin: 0.3rem 0.6rem 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#jtxw .tab-bd .item-02 time{
    margin: 0.3rem 0 0;
}
#jtxw .tab-bd .item-01 .wrap{
    display: block;
}
#jtxw .tab-bd .item-01 h3{
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    color: #333333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 0.6rem;
}
#jtxw .tab-bd .item-01 .picture{
    margin: 0 0.6rem;
}
#jtxw .tab-bd .item-01 .picture li{
    float: left;
    overflow: hidden;
    width: 4.5rem;
    height: 4.5rem;
    margin-right: 0.4rem;
    margin-bottom: 0.4rem;
    position: relative;
}
#jtxw .tab-bd .item-01 .picture li img{
    width: 100%;
    position: absolute;
    left: 0;
    top:0;
}
#jtxw .tab-bd .item-01 .picture li:last-child{
    margin-right: 0;
}


#jtxw .tab-bd  .item-02 .wrap{
    margin: 0 0.6rem;
    display: block;
    position: relative;
}
#jtxw .tab-bd  .item-02 .bd{
    width: 9.5rem;
    overflow: hidden;
}
#jtxw .tab-bd .item-02.stretch  .bd{
    width: 14.8rem;
}
#jtxw .tab-bd  .item-02 .bd h3{
    font-size: 16px;
    height: 36px;
    line-height:36px;
    color: #333333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#jtxw .tab-bd  .item-02 .bd p{
    font-size: 14px;
    color: #999999;
    line-height: 0.9rem;
    max-height: 1.8rem;
    overflow: hidden;
}
#jtxw .tab-bd  .item-02 .imgb{
    width: 4.6rem;
    height: 4.6rem;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}
#jtxw .tab-bd  .item-02 .imgb img{
    width: 100%;
    position: absolute;
    left: 0;
    top:0;
}

#jtxw .tab-bd  .panel{
    height: 20px;
    padding: 10px 0.6rem 0;
    margin-top: 0.3rem;
    border-top: 0.05rem solid #F5F5F5;
}
#jtxw .tab-bd  .panel span{
    font-size: 12px;
    height: 20px;
    line-height:20px;
    display: block;
    float: right;
    color: #cccccc;
    position: relative;
    padding-left: 30px;
}
#jtxw .tab-bd  .panel span:before{
    content: "";
    position: absolute;
    left: 0;
    top:0;
    width: 20px;
    height: 20px;
    display: block;
}
#jtxw .tab-bd  .panel span.look,
#jtxw .tab-bd  .panel span.like,
#jtxw .tab-bd  .panel span.comment{
    margin-left:  20px;
}

#jtxw .tab-bd  .panel span.look{
    float: left;
    margin: 0;
}
#jtxw .tab-bd  .panel span.look:before{
    background: url("../images/xq_icon03.png") no-repeat center;
    background-size: 20px;
}
#jtxw .tab-bd  .panel span.like:before{
    background: url("../images/xq_icon04.png") no-repeat  center;
    background-size: 20px;
}
#jtxw .tab-bd  .panel span.comment:before{
    background: url("../images/xq_icon05.png") no-repeat  center;
    background-size: 20px;
}

#jtxw .tab-bd  .panel span.like.act{
    color: #ff9d21;
}
#jtxw .tab-bd  .panel span.like.act:before{
    background: url(../images/xq_icon07.png) no-repeat center;
    background-size: 20px;
}

/*街头巷尾-详情*/
#jtxw-xq .swiper-picture{
    margin-bottom: 0.4rem;
}
#jtxw-xq .swiper-picture .swiper-slide img {
    display: block;
    width: 100%;
}
#jtxw-xq  .swiper-pages{
    width: 2.5rem;
    height: 1rem;
    line-height: 1rem;
    background-color: rgba(0, 0, 0, 0.85);
    color: #ffffff;
    text-align: center;
    font-size: 0.75rem;
    border-radius:3rem;
    position: absolute;
    bottom: 0.5rem;
    left: 12.5rem;
    z-index: 999;
}
#jtxw-xq .bk-01{
    background-color: #ffffff;
    margin-bottom: 0.4rem;
}
#jtxw-xq .bk-01 h3 {
    font-size: 16px;
    line-height: 24px;
    color: #333333;
    padding: 8px 0.6rem;
    border-bottom: 1px solid #E7E7E7;
}
#jtxw-xq .bk-01 .cont{
    padding: 0.6rem;
    font-size: 14px;
    color: #666666;
    line-height: 18px;
    overflow: hidden;
}

/*评论*/

#pl .comment-item{
    background-color: #ffffff;
    position: relative;
    padding:0 0 0 3rem;
    border-top: 0.05rem solid #F2F2F2;
}
#pl .comment-item .avatar{
    display: block;
    width: 2rem;
    height: 2rem;
    border-radius: 2rem;
    position: absolute;
    left: 0.6rem;
    top:0.3rem;
}

#pl .comment-item .bk,
#pl .comment-item .bk-hf{
    border-bottom: 0.05rem solid #F2F2F2;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    padding-right: 0.6rem;
}
#pl .comment-item .bks:last-child{
    border-bottom:none;
}

#pl .comment-item .bk h4 ,
#pl .comment-item .bk-hf h4 {
    display: block;
    font-size: 0.6rem;
    line-height: 0.9rem;
    word-wrap:break-word;
    color: #999;
}

#pl .comment-item  time{
    display: block;
    font-size: 0.6rem;
    height: 1rem;
    line-height: 1rem;
    color: #999999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#pl .comment-item .bk p,
#pl .comment-item .bk-hf p{
    display: block;
    font-size: 0.7rem;
    color: #333;
    word-wrap:break-word
}

#pl .handle{
    height: 1rem;
    margin-top: 0.4rem;
}
#pl .handle span{
    display: inline-block;
    float: right;
    height: 1rem;
    line-height:  1rem;
    font-size: 0.6rem;
    position: relative;
    margin-left: 0.6rem;
    color: #999999;

}
#pl .handle span.dele{
    color: #3e5fb5;
}
#pl .handle span.dz{
    padding-left: 1.2rem;
    text-align: center;
    float: left;
    margin: 0;
}
#pl .handle span.dz:before{
    content: '';
    display: block;
    position: absolute;
    width:1rem;
    height:1rem;
    left: 0;
    top:0;
    background: url("../images/xq_icon04.png") no-repeat center;
    background-size: 0.9rem;

}
#pl .handle span.dz.act{
    color: #ff9d21;
}
#pl .handle span.dz.act:before{
    background: url("../images/xq_icon07.png") no-repeat center;
    background-size: 0.9rem;
}
#pl .comment-item .bk-hf h4{
    display: inline;

}
#pl .comment-item .bk-hf p{
    display: inline;
}
#pl .comment-item .bk-hf time,
#pl .comment-item .bk-hf .dele{
    float: left;
}
#pl .comment-item .bk-hf .dele{
    color: #3e5fb5;
}

#tgyj h2 {

    color: #666666;
    font-size: 14px;
    line-height: 30px;
    margin: 0 0.4rem;
}
#tgyj .explain{
    padding: 0.6rem;
    font-size: 14px;
    line-height: 20px;
    background-color: #ffffff;
}
#tgyj .location{
    background-color: #ffffff;
    padding:0 0.6rem 0.6rem;
}
#tgyj .location .opt{
    margin-bottom: 0.15rem;
}
#tgyj .location .opt p{
    color: #333;
    font-size: 14px;
    line-height: 20px;
    float:left;
}
#tgyj .location .opt .lable{
    margin-right: 8px;
}

#tgyj .location .opt p.cont{
    width: 10rem;
}
#tgyj .location .opt p.cont a{
    color: #333;
}


/*----抢红包活动-通用----*/
#qhb .btn-rp,
#srkl .btn-rp,
#chb .btn-rp{
    display: block;
    width: 12rem;
    height: 2.5rem;
    line-height: 2.4rem;
    font-size: 1.2rem;
    background-color: #fceb54;
     color: #fe2d4a;
    text-align: center;
    box-shadow: 0 0.2rem 0 #dc0033;
    border-radius: 0.2rem;
}
/*抢红包*/
#qhb{
    background-color: #fe2d4a;
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    min-height: 568px;
    padding-bottom: 3.5rem;
    box-sizing: border-box;
}
#qhb .swiper-banner {
    width: 100%;
}
#qhb .swiper-banner .swiper-slide {
    background-position: center;
    background-size: cover;
    display: block;
}
#qhb .swiper-banner .swiper-slide img{
    width: 100%;
}

#qhb .swiper-news {
    width: 100%;
    background-color: #000000;
    height: 30px;
    position: fixed;
    left: 0;
    top:0;
}
#qhb .swiper-news .swiper-slide {
    background-position: center;
    background-size: cover;
    display: block;
    color: #edb336;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 0.2rem;
    box-sizing: border-box;
}
#qhb .bk-01{
    position: relative;
    padding-top: 2.5rem;
}
#qhb .bk-01 .seal{
    position: fixed;
    left: 0;
    top:30px;
    width: 100%;
    height: 4.5rem;
    z-index: 99;
}
#qhb .bk-01 .seal .klhb{
    position: absolute;
    width: 6rem;
    height: 1.4rem;
    left: 50%;
    top:50%;
    margin-top: -1.4rem;
    margin-left: -3rem;
}
#qhb .bk-01 .seal .bg{
    width: 100%;
    display: block;
}
#qhb .bk-01 .list{
    box-sizing: border-box;
    padding-top: 3rem;

}
#qhb .bk-01 .list li{
    border-bottom: 0.05rem solid #A51A26;
    padding: 0.9rem 3rem 0.5rem 3.2rem;
    box-sizing: border-box;
    position: relative;
}
#qhb .bk-01 .list li.xq{
    padding:0.75rem 1.5rem 0.5rem 4rem;

}
#qhb .bk-01 .list li.xq p{
    white-space: normal;
    overflow: visible;

}
#qhb .bk-01 .list li a{
    position: absolute;
    top: 0.7rem;
    right: 0.7rem;
    display: block;
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 0.2rem;
    background-color: #fceb54;
    color: #fe2d4a;
    font-size: 0.7rem;
    line-height: 0.8rem;
    text-align: center;
    padding: 0.2rem;
    font-weight: bold;
    box-shadow: 0.2rem 0.2rem 0.1rem #dc0033;
}
#qhb .bk-01 .list li img{
    display: block;
    position: absolute;
    left: 0.7rem;
    top: 0.5rem;
    width: 2.3rem;
    height: 2.3rem;
    border-radius: 2.3rem;
    overflow: hidden;

}
#qhb .bk-01 .list li h5,
#qhb .bk-01 .list li p{
    font-size: 0.6rem;
    line-height: 0.9rem;
}
#qhb .bk-01 .list li h5{
    color: #fbd39c;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#qhb .bk-01 .list li p{
    font-size: 0.7rem;
    color: #fae8c0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#qhb .bk-02{
    padding: 0.5rem 1.2rem;
    color: #fae8c0;
    font-size: 14px;
}
#qhb .bk-02 .cont{
    margin-bottom: 10px;
}
#qhb .bk-02 .cont h4{
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 5px;
    color: #fae8c0;
}
#qhb .bk-02 .cont p{
    font-size: 14px;
    line-height: 20px;
    color: #fae8c0;
}
#qhb  .btn-rp-wrap{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3.5rem;
    background-color: #fe2d4a;
    box-sizing: border-box;
    padding: 0.5rem 0;
}
#qhb  .btn-rp{
   margin: 0 auto;
}

/*输入口令*/

#srkl {
    background:url("../images/redPacket/y_bg.png") no-repeat center top;
    background-size: cover;
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    min-height: 568px;
    padding-bottom: 0.6rem;
    box-sizing: border-box;
}
#srkl .rpBox{
    width: 14rem;
    height: 20rem;
    background: url("../images/redPacket/gaizi03.png") no-repeat center top;
    background-size: contain;
    margin: 3rem auto;
    box-sizing: border-box;
    padding-top: 10rem;
    position: relative;

}
#srkl .rpBox .seal{
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 4.5rem;
    z-index: 99;
}
#srkl .rpBox .seal .klhb{
    position: absolute;
    width: 6rem;
    height: 1.4rem;
    left: 50%;
    top:50%;
    margin-top: -1.4rem;
    margin-left: -3rem;
}
#srkl .rpBox .seal .bg{
    width: 100%;
    display: block;
}
#srkl .rpBox .btn-rp{
    margin: 1rem auto 0;
}
#srkl .rpBox .input{
    width: 12rem;
    height: 2.5rem;
    line-height: 2.4rem;
    font-size: 1.2rem;
    background-color: #ffffff;
    color: #fe2d4a;
    border-radius: 0.2rem;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0.5rem;
}
#srkl .rpBox .input input{
    display: block;
    width: 100%;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    color: #110405;
}
#srkl .rpBox .guize{
    width: 4rem;
    display: block;
    margin: 0.8rem auto 0;

}

/*拆红包*/
#chb {
    background:url("../images/redPacket/y_bg.png") no-repeat center top;
    background-size: cover;
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    min-height: 568px;
    padding-bottom: 0.6rem;
    box-sizing: border-box;
}
#chb .rpBox{
    width: 14rem;
    height: 20rem;
    background: url("../images/redPacket/gaizi03.png") no-repeat center top;
    background-size: contain;
    margin: 3rem auto;
    box-sizing: border-box;
    padding-top: 7rem;
    position: relative;

}
#chb .rpBox .seal{
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 7rem;
    z-index: 99;
}
#chb .rpBox .seal .bg{
    width: 100%;
}
#chb .rpBox .seal .klhb{
    position: absolute;
    width: 6rem;
    height: 1.4rem;
    left: 50%;
    top:50%;
    margin-top: -1.4rem;
    margin-left: -3rem;
}
#chb .rpBox .seal .avatar{
    border-radius: 3.6rem;
    width: 3.6rem;
    height: 3.6rem;
    display:block;
    position: absolute;
    left: 50%;
    bottom: 0.6rem;
    margin-left: -1.8rem;
}
#chb .rpBox .t-01{
    text-align: center;
    margin: 0 0.6rem 0.8rem;
    font-size: 1rem;
    height: 1.2rem;
    overflow: hidden;
}
#chb .rpBox  .t-01 span{
    color: #ffffff;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 8rem;
    font-size: 0.8rem;
    line-height: 1.2rem;
}
#chb .rpBox  .t-01 b{
    font-weight: 100;
    color: #fceb54;
    display: inline-block;
    font-size: 0.8rem;
    overflow: hidden;
    line-height: 1.2rem;
}
#chb .rpBox .bk-01{
    display: none;
}
#chb .rpBox .bk-01 .money{
    font-size: 3rem;
    color: #fceb54;
    text-align: center;
    margin: 0 0.6rem;
    letter-spacing:0.05rem;
    font-family: "微软雅黑";
}
#chb .rpBox .bk-01 .unit{
    color: #fceb54;
    text-align: center;
    font-size: 0.85rem;
}

#chb .rpBox .bk-02{
    display: none;
    text-align: center;
    font-size: 1rem;
    color: #fceb54;
    margin: 2rem 0.6rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#chb .rpBox .bk-03{
    display: none;
    background: url("../images/redPacket/yhquan.png") no-repeat center;
    background-size: contain;
    width: 9.4rem;
    height: 5rem;
    margin: 0 auto;
    position: relative;
}
#chb .rpBox .bk-03:before{
    content: "";
    display: block;
    width: 2.5rem;
    height: 2.5rem;

    position: absolute;
    left: 0.5rem;
    top:0.5rem
}
#chb .rpBox .bk-03 .bk-yhq{
    height: 3.5rem;
    box-sizing: border-box;
}
#chb .rpBox .bk-03 p{
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    font-size: 0.6rem;
    color: #999999;
}
/*实物卷*/
#chb .rpBox .bk-03.yhq-01:before{
    background: url("../images/redPacket/yhq-01.png") no-repeat center;
    background-size: contain;
}
#chb .rpBox .bk-03.yhq-01 .bk-yhq{
    padding: 0.8rem 0 0 3.3rem;

}
#chb .rpBox .bk-03.yhq-01 b{
    color: #ff6255;
    display: block;
    font-size: 1.2rem;
    width: 5rem;
    text-align: center;
}
#chb .rpBox .bk-03.yhq-01 span{
    color: #666666;
    display: block;
    font-size: 0.6rem;
}
/*打折券*/
#chb .rpBox .bk-03.yhq-02:before{
    background: url("../images/redPacket/yhq-02.png") no-repeat center;
    background-size: contain;
}
#chb .rpBox .bk-03.yhq-02 .bk-yhq{
    padding: 0.6rem 0 0 3.5rem;

}
#chb .rpBox .bk-03.yhq-02 b{
    color: #ff6255;
    display: block;
    font-size: 2rem;
    width: 5rem;
    text-align: center;
}
#chb .rpBox .bk-03.yhq-02 b:after{
    content: "折";
    color: #ff6255;
    font-size: 0.8rem;
}
/*代金券*/
#chb .rpBox .bk-03.yhq-03:before{
    background: url("../images/redPacket/yhq-03.png") no-repeat center;
    background-size: contain;
}
#chb .rpBox .bk-03.yhq-03 .bk-yhq{
    padding: 0.3rem 0 0 3.3rem;

}
#chb .rpBox .bk-03.yhq-03 b{
    color: #ff6255;
    display: block;
    font-size: 1.5rem;
    width: 5rem;
    text-align: center;
}
#chb .rpBox .bk-03.yhq-03 span{
    color: #666666;
    display: block;
    font-size: 0.6rem;
}
/*兑换券*/
#chb .rpBox .bk-03.yhq-04:before{
    background: url("../images/redPacket/yhq-04.png") no-repeat center;
    background-size: contain;
}
#chb .rpBox .bk-03.yhq-04 .bk-yhq{
    padding: 0.6rem 0 0 3.3rem;

}
#chb .rpBox .bk-03.yhq-04 b{
    color: #666666;
    display: block;
    font-size: 1.5rem;
    width: 5rem;
    text-align: center;
}
#chb .rpBox .bk-03.yhq-04 span{
    color: #666666;
    display: block;
    font-size: 0.6rem;
}


#chb .rpBox .explain{
    font-size: 0.65rem;
    text-align: center;
    height: 1rem;
    line-height: 1rem;
    margin-top: 0.6rem;
    color: #fae8c0;
}
#chb .rpBox .bk-01.active,
#chb .rpBox .bk-02.active,
#chb .rpBox .bk-03.active{
    display: block;
}
#chb .btn-rp{
    margin: 0.8rem auto 0;
}


/*摇一摇-待开始*/
#yyy-dks{
    padding-bottom: 60px;
}
#yyy-dks .bk-01 .timer-wrap{
    height: 2rem;
    background-color: #ffffff;
    padding: 0.5rem 5px;
    box-sizing: border-box;
    position: relative;
}
#yyy-dks .bk-01 .photo{
    display: block;
    width: 100%;
    position: relative;
}
#yyy-dks .bk-01 .photo .title{
    background-color: rgba(51, 51, 51, 0.71);
    height: 36px;
    line-height:36px;
    width: 100%;
    position: absolute;
    left:0;
    bottom:0;
    padding: 0 15px;
    color: #fff;
    font-size:16px;
    box-sizing: border-box;
}
#yyy-dks .bk-01 .bImg{
    display: block;
    width: 100%;
}

#yyy-dks .bk-01 .act-state{
    float: left;
    font-size:0.8rem ;
}
#yyy-dks .bk-01 .timer{
    display: block;
    height: 1rem;
    margin: 0 auto;
    position: relative;
    float: right;
}
#yyy-dks .bk-01 .time-box{
    float: right;
}
#yyy-dks .bk-01 .tips{
    float: right;
    color: #999999;
    height: 1rem;
    line-height: 1rem;
    font-size: 0.65rem;
    width: 3rem;
    left:0;
    top:0.5rem;
    text-align: right;
    overflow: hidden;
    padding-right: 0.4rem;
    box-sizing: border-box;

}
#yyy-dks .bk-01 .timer .hour ,
#yyy-dks .bk-01 .timer .minu ,
#yyy-dks .bk-01 .timer .second {
    float: left;
}
#yyy-dks .bk-01 .timer .hour i,
#yyy-dks .bk-01 .timer .minu i,
#yyy-dks .bk-01 .timer .second i{
    display: block;
    float: left;
    background-color: #333;
    color:#fff;
    width: 1rem;
    height: 1rem;
    line-height:1rem;
    font-size: 0.8rem;
    text-align: center;
    border-radius: 0.2rem;
    margin: 0 1px;
}
#yyy-dks .bk-01 .timer .fg{
    display: block;
    float: left;
    width: 0.4rem;
    text-align: center;
    font-size: 1rem;
    height: 1rem;
    line-height:1rem;
    color: #333;
    background: url("../images/timer-fg.png") no-repeat center;
    background-size: 0.1rem;
}

#yyy-dks .bk-02 .title{
    text-align: center;
    padding: 0.5rem 0;
}

#yyy-dks .bk-02 .rp-01{
    margin: 0 0.4rem;
    margin-bottom: 0.4rem;
}
#yyy-dks .bk-02 .rp-01 li{
    width: 5rem;
    float: left;
    position: relative;
}
#yyy-dks .bk-02 .rp-01 li:nth-child(1),
#yyy-dks .bk-02 .rp-01 li:nth-child(2){
    margin-right: 0.1rem;
}
#yyy-dks .bk-02 .rp-01 li:before{
    content: "";
    display: inline-block;
    position: absolute;
    left: 0.2rem;
    top:0;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    font-size: 0.6rem;
    border-radius: 0 0 0.2rem 0.2rem;
    background-color: #f65f4a;
    color: #ffffff;
    padding:0 0.2rem;
}
#yyy-dks .bk-02 .rp-01 li:nth-child(1):before{
    content: "第一名";
}
#yyy-dks .bk-02 .rp-01 li:nth-child(2):before{
    content: "第二名";
}
#yyy-dks .bk-02 .rp-01 li:nth-child(3):before{
    content: "第三名";
}

#yyy-dks .bk-02{
    margin:0.4rem 0;


}

#yyy-dks .bk-02 .rp-03{
    background-color: #ffffff;


}

#yyy-dks .bk-02 .rp-03 h5{
    font-size: 16px;
    line-height: 30px;
    border-bottom: 1px solid #f4f4f4;
    padding: 0 0.4rem;
}
#yyy-dks .bk-02 .rp-03 .cont{
    font-size: 14px;
    line-height: 18px;
    color: #666666;
    margin: 0 0.4rem;
    overflow: hidden;
    padding: 0.4rem 0 ;
}
#yyy-dks .bk-03 {
    height: 50px;
    background-color: #ffffff;
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
}
#yyy-dks .bk-03 .goPk{
    height: 40px;
    line-height: 40px;
    margin: 5px 0.6rem;
    background-color: #1BCA9A;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    border-radius: 2px;
}
    /*摇一摇*/
#yyy-jxz{
    background: #d14b38;

}

#yyy-jxz.limit{
    overflow: hidden;
    left: 0;
    top:0;
    width: 100%;
    position: fixed;
}
#yyy-jxz .container {
    background: #d14b38 url("../images/shark/sk-01.png") no-repeat center top;
    background-size: contain;
    min-height: 568px;
    padding-top: 10rem;
    box-sizing: border-box;
    padding-bottom: 3.7rem;
}

#yyy-jxz .music,
#yyy-jxz .music-loding{
    display: none;
}
#yyy-jxz .bk-01{
    margin:0 1.5rem ;
}
#yyy-jxz .bk-01 .ranking{
    text-align: center;
    color: #fefeca;
    font-size: 1rem;
    height: 1.2rem;
    line-height: 1.2rem;
}
#yyy-jxz .bk-01 .val{
    color: #fefeca;
    text-align: center;
    border-top: 0.05rem dashed #e29070;
    margin-top: 1rem;
    padding-top: 2rem;
    position: relative;
    box-sizing: border-box;
}
#yyy-jxz .bk-01 .val .prestrain{
    padding-top: 1.2rem;
    width:12rem;
    font-size: 1.5rem;
    height: 4.5rem;
    line-height: 4.5rem;
    position: absolute;
    left: 50%;
    margin-left:-6rem;
    top:3.4rem;
  /*  background:url("../images/shark/prestrain.png") no-repeat center;
    background-size: contain;*/
    border-radius: 0.2rem;
    box-shadow: 0 6px 0 #a22e09;
    color:#ffffff;
    box-sizing: border-box;
    background: -webkit-linear-gradient(#fca531, #f57d31); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#fca531, #f57d31); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#fca531, #f57d31); /* Firefox 3.6 - 15 */
    background: linear-gradient(#fca531, #f57d31); /* 标准的语法 */
}
#yyy-jxz .bk-01 .val .prestrain img{
    display: block;
    width: 8rem;
    margin: 0 auto;
}
#yyy-jxz .bk-01 .val .num-wrap{
    opacity: 0;
}
#yyy-jxz .bk-01 .val .num-wrap.start{
    opacity: 1;
}
#yyy-jxz .bk-01 .val .num{
    font-size:4.5rem;
    height: 5.5rem;
    line-height: 5.5rem;
}
#yyy-jxz .bk-01 .val .voice{
    width: 2rem;
    height: 2rem;
    overflow: hidden;
    background: url("../images/shark/voice.png") no-repeat center;
    background-size: 60%;
    position: absolute;
    right: 0;
    top:0.6rem;
}
#yyy-jxz .bk-01 .val .voice.close:after{
    content: "";
    display: block;
    width: 1rem;
    height: 1rem;
    overflow: hidden;
    background: url("../images/shark/voice-close.png") no-repeat center;
    background-size: 60%;
    position: absolute;
    bottom: 0.2rem;
    right: 0;
}
#yyy-jxz .bk-01 .time{
    font-size: 1.2rem;
    color: #fefeca;
    text-align: center;
    margin-bottom: 0.2rem;
}
#yyy-jxz .bk-01 .look{
    font-size: 0.8rem;
    color: #fbefb9;
    text-align: center;
    background-color: #9e3122;
    height: 1.5rem;
    line-height: 1.5rem;
    width: 9rem;
    margin: 0.5rem auto 0.2rem;
    border-radius: 3px;
    overflow: hidden;

}
#yyy-jxz .bk-02{
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    color: #fefeca;
    border-top: 0.1rem solid #bd432c;
    box-shadow:0 0.05rem 0 #fd9683 inset;
    box-sizing: border-box;
    position:absolute;
    width:100%;
    left:0;
    bottom:0
}

#yyy-jxz .lay-box .shade{
    width: 100%;
    height: 100%;
    position: absolute;
    background:url("../images/shark/yyy-lay-bg.png") no-repeat center top;
    background-size: cover;
    z-index: 1;
}

#yyy-jxz .loding-box{
    display: none;
    position: fixed;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    background-color: rgba(51, 51, 51, 0.6);
    color: #fff;
    text-align:center;
    padding-top: 4rem;
    font-size:2rem;
    box-sizing: border-box;
    z-index: 9999;
}
.loding-box img{
    display: block;
    width: 5rem;
    height:5rem;
    position: absolute;
    left: 50%;
    top:50%;
    margin-left: -2.5rem;
    margin-top: -2.5rem;
}
@keyframes pound {
    from { transform: none; }
    50% { transform: scale(1.2); }
    to { transform: none; }
}

.heart {
    display: inline-block;
    font-size: 150px;
    color: #e00;
    animation: pound .5s infinite;
    transform-origin: center;
}

/*结束的弹框*/
#yyy-jxz .lay-box{
    display: none;
    position: fixed;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}
#yyy-jxz .lay-box .yyy-lay{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -7rem;
    margin-top: -10rem;
    width: 14rem;
    height: 20rem;
    z-index: 99;
}
#yyy-jxz .lay-box .yyy-lay .title{
    display: block;
    width: 14rem;
    height: 1.95rem;
}
#yyy-jxz .lay-box .yyy-lay .content{
    background-color: #ffffff;
    border-radius: 0.4rem;
    overflow: hidden;
    height: 18.05rem;

}
#yyy-jxz .lay-box .yyy-lay .content .hd{
    height: 5.05rem;
    background-color: #fff2e4;
    box-sizing: border-box;
    padding-top: 0.5rem;
}
#yyy-jxz .lay-box .yyy-lay .content .panel{
    height: 3rem;
    box-sizing: border-box;
    padding: 0.5rem 0;
    border: 0.05rem solid #E7E7E7;
    background-color: #ffffff;
    border-radius: 0.4rem;
    width: 13rem;
    margin: 0 auto;
    text-align: center;
}
#yyy-jxz .lay-box .yyy-lay .content .panel h4{
    font-size: 0.85rem;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#yyy-jxz .lay-box .yyy-lay .content .panel p{
    font-size: 0.75rem;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#yyy-jxz .lay-box .yyy-lay .content .panel h4 span,
#yyy-jxz .lay-box .yyy-lay .content .panel p span{
    color: #f65f4a;

}
/*#yyy-jxz .lay-box .yyy-lay .content .panel p:after{
    content: "";
    position: absolute;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background: url("../images/shark/share.png") no-repeat center;
    background-size: 80%;
}*/
#yyy-jxz .lay-box .yyy-lay .content .table-hd {
    height: 1.5rem;
}
#yyy-jxz .lay-box .yyy-lay .content .table-hd span{
    display: block;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    font-size: 0.85rem;
}
#yyy-jxz .lay-box .yyy-lay .content .table-hd span:nth-child(1){
    float: left;
    width: 2.5rem;
}
#yyy-jxz .lay-box .yyy-lay .content .table-hd span:nth-child(2){
    float: right;
    width: 2.8rem;
}
#yyy-jxz .lay-box .yyy-lay .content .table-hd span:nth-child(3){
    float: right;
    width: 2.5rem;
}
#yyy-jxz .lay-box .yyy-lay .content .bd{
    height: 13rem;
    background-color: #ffffff;
    overflow-y: auto;
    counter-reset:sectioncounter;
    border-radius: 0 0  0.4rem 0.4rem;
}
#yyy-jxz .lay-box .yyy-lay .content .bd li{
    position: relative;
    height: 3rem;
    padding: 0.25rem 0.2rem 0.25rem 2rem;
    box-sizing: border-box;
    border-bottom: 0.05rem solid #e9e9e9;


}
#yyy-jxz .lay-box .yyy-lay .content .bd li .avatar{
    display: block;
    width: 2.1rem;
    height: 2.1rem;
    margin: 0.2rem;
    border-radius: 2.1rem;
    border: 0.05rem solid #f7f7f7;
    box-sizing: border-box;
    float: left;
}
#yyy-jxz .lay-box .yyy-lay .content .bd li:before{
    content: counter(sectioncounter);
    counter-increment: sectioncounter;
    display: block;
    position: absolute;
    left: 0;
    top:0.25rem;
    width: 2rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
}
#yyy-jxz .lay-box .yyy-lay .content .bd li:nth-child(1):before{
    background: url("../images/shark/r-01.png") no-repeat center;
    background-size: 70%;
    color: #ffffff;
}
#yyy-jxz .lay-box .yyy-lay .content .bd li:nth-child(2):before{
    background: url("../images/shark/r-02.png") no-repeat center;
    background-size: 70%;
    color: #ffffff;
}
#yyy-jxz .lay-box .yyy-lay .content .bd li:nth-child(3):before{
    background: url("../images/shark/r-03.png") no-repeat center;
    background-size: 70%;
    color: #ffffff;
}
#yyy-jxz .lay-box .yyy-lay .content .bd li .nick-name{
    display: block;
    float: left;
    width: 4rem;
    height: 2.5rem;
    line-height: 2.5rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 0.7rem;
}
#yyy-jxz .lay-box .yyy-lay .content .bd li .time{
    display: block;
    float: right;
    width: 2.8rem;
    height: 2.5rem;
    line-height: 2.5rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 0.7rem;
    text-align: center;
    color: #f65f4a;
}
#yyy-jxz .lay-box .yyy-lay .content .bd li .gift{
    float: right;
    width: 2.5rem;
    height: 2.5rem;
    background-color: #858585;
    overflow: hidden;
    position: relative;
}
#yyy-jxz .lay-box .yyy-lay .content .bd li .gift img{
    display: block;
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
}

/*进行中的弹框*/

#yyy-jxz .lay-box .yyy-layjxz{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -7rem;
    margin-top: -11rem;
    width: 14rem;
    height: 20rem;
    z-index: 99;
}
#yyy-jxz .lay-box .yyy-layjxz .title{
    display: block;
    width: 14rem;
    height: 1.95rem;
}
#yyy-jxz .lay-box .yyy-layjxz .content{
    background-color: #ffffff;
    border-radius: 0.4rem;
    overflow: hidden;
    height: 20rem;

}
#yyy-jxz .lay-box .yyy-layjxz .content .hd{
    height: 5.05rem;
    background-color: #f1f1f1;
    box-sizing: border-box;
    padding-top: 0.5rem;
}
#yyy-jxz .lay-box .yyy-layjxz .content .panel{
    height: 3rem;
    box-sizing: border-box;
    padding: 0.5rem 0;
    background-color: #ffffff;
    border-radius: 0.4rem;
    width: 13rem;
    margin: 0 auto;
    text-align: center;
}
#yyy-jxz .lay-box .yyy-layjxz .content .panel h4{
    font-size: 0.85rem;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#yyy-jxz .lay-box .yyy-layjxz .content .panel p{
    font-size: 0.75rem;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#yyy-jxz .lay-box .yyy-layjxz .content .panel h4 span,
#yyy-jxz .lay-box .yyy-layjxz .content .panel p span{
    color: #f65f4a;

}

#yyy-jxz .lay-box .yyy-layjxz .content .table-hd {
    height: 1.5rem;
}
#yyy-jxz .lay-box .yyy-layjxz .content .table-hd span{
    display: block;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    font-size: 0.85rem;
}
#yyy-jxz .lay-box .yyy-layjxz .content .table-hd span:nth-child(1){
    float: left;
    width: 4rem;
}
#yyy-jxz .lay-box .yyy-layjxz .content .table-hd span:nth-child(2){
    float: right;
    width: 2.8rem;
}

#yyy-jxz .lay-box .yyy-layjxz .content .bd{
    height: 11.5rem;
    background-color: #fcfcfc;
    overflow-y: auto;
    counter-reset:sectioncounter;
    border-radius: 0 0  0.4rem 0.4rem;
}
#yyy-jxz .lay-box .yyy-layjxz .content .bd li{
    position: relative;
    height: 3rem;
    padding: 0.25rem 0.2rem 0.25rem 2rem;
    box-sizing: border-box;
    border-bottom: 0.05rem solid #e9e9e9;


}

#yyy-jxz .lay-box .yyy-layjxz .content .bd li:before{
    content: counter(sectioncounter);
    counter-increment: sectioncounter;
    display: block;
    position: absolute;
    left: 0;
    top:0.25rem;
    width: 2rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
}
#yyy-jxz .lay-box .yyy-layjxz .content .bd li:nth-child(1):before{
    background: url("../images/shark/r-01.png") no-repeat center;
    background-size: 70%;
    color: #ffffff;
}
#yyy-jxz .lay-box .yyy-layjxz .content .bd li:nth-child(2):before{
    background: url("../images/shark/r-02.png") no-repeat center;
    background-size: 70%;
    color: #ffffff;
}
#yyy-jxz .lay-box .yyy-layjxz .content .bd li:nth-child(3):before{
    background: url("../images/shark/r-03.png") no-repeat center;
    background-size: 70%;
    color: #ffffff;
}
#yyy-jxz .lay-box .yyy-layjxz .content .bd li .nick-name{
    display: block;
    float: left;
    width: 8.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 0.7rem;
}

#yyy-jxz .lay-box .yyy-layjxz .content .bd li .time{
    display: block;
    float: right;
    width: 2.8rem;
    height: 2.5rem;
    line-height: 2.5rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 0.7rem;
    text-align: center;
    color: #f65f4a;
}

#yyy-jxz .lay-box .yyy-layjxz .content .btns{
    padding-top: 0.8rem;
}
#yyy-jxz .lay-box .yyy-layjxz .content .btns .ybtn,
#yyy-jxz .lay-box .yyy-layjxz .content .btns .nybtn{
    width: 12rem;
    height: 1.8rem;
    line-height: 1.8rem;
    border-radius: 1.8rem;
    text-align: center;
    font-size: 0.7rem;
    box-sizing: border-box;
    margin: 0 auto 0.4rem;
}
#yyy-jxz .lay-box .yyy-layjxz .content .btns .ybtn{
    background-color: #E44E39;
    color: #ffffff;
}
#yyy-jxz .lay-box .yyy-layjxz .content .btns .nybtn{
    border: 1px solid #E44E39;
    color: #E44E39;
}


    /*广告礼包-详情*/
#gglb-xq .swiper-picture{
    margin-bottom: 0.4rem;
}
#gglb-xq .swiper-picture .swiper-slide img {
    display: block;
    width: 100%;
}
#gglb-xq  .swiper-pages{
    width: 2.5rem;
    height: 1rem;
    line-height: 1rem;
    background-color: rgba(0, 0, 0, 0.85);
    color: #ffffff;
    text-align: center;
    font-size: 0.75rem;
    border-radius:3rem;
    position: absolute;
    bottom: 0.5rem;
    left: 12.5rem;
    z-index: 999;
}
#gglb-xq .bk-01{
    background-color: #ffffff;
    margin-bottom: 0.4rem;
}
#gglb-xq .bk-01 h3 {
    font-size: 16px;
    line-height: 24px;
    color: #333333;
    padding: 8px 0.6rem;
    border-bottom: 1px solid #E7E7E7;
}
#gglb-xq .bk-01 p{
    padding: 0.6rem;
    font-size: 14px;
    color: #666666;
    line-height: 18px;
}
/*#gglb-xq .layui-m-layer .lingquchenggong{
    bottom: 1rem;
    min-width: 8.25rem;
    min-height: 3rem;
    border-radius: .1rem;
}
#gglb-xq .layui-m-layer .lingquchenggong .layui-m-layercont{
    line-height: 1rem;
}*/

/*商家发起活动*/
#sjfqhd {
    padding-bottom: 65px;
}
#sjfqhd .bk-01,
#sjfqhd .bk-02,
#sjfqhd .bk-03{
    background-color: #ffffff;
    margin-bottom: 0.4rem;
}
#sjfqhd .bk-01 h3,
#sjfqhd .bk-02 h3,
#sjfqhd .bk-03 h3{
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    padding-left: 0.6rem;
    color: #333333;
    border-bottom: 1px solid #E7E7E7;
}

#sjfqhd .bk-01 p{
    font-size: 14px;
    line-height: 18px;
    color: #666666;
    padding: 0.6rem;
}
#sjfqhd .bk-02 .bd{
    padding: 0.4rem 0 0.4rem 0.6rem;
}
#sjfqhd .bk-02 .bd p{
    color: #666666;
    font-size: 14px;
    line-height: 22px;
    float: left;
}
#sjfqhd .bk-02 .bd .label{
    margin-right: 5px;
}
#sjfqhd .bk-02 .bd .cont{
    width: 11rem;
}

#sjfqhd .bk-03 .bd{
    padding: 0.5rem;
}
#sjfqhd .bk-03 .bd li{
    float: left;
    width:  4.8rem;
    margin-right: 0.3rem;
}
#sjfqhd .bk-03 .bd li:last-child{
    margin-right:0
}
#sjfqhd .bk-03 .bd li a{
    width: 4.8rem;
}
#sjfqhd .bk-03 .bd li a img{
    display: block;
    width: 100%;
}
#sjfqhd .bk-03 .bd li p{
    margin-top: 5px;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    height: 34px;
    overflow: hidden;
}

#sjfqhd .bk-service{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    background-color: #ffffff;
    border-top: 1px solid #E7E7E7;
    box-sizing: border-box;
    padding: 5px 0;
}

#sjfqhd .bk-service .btn-service{
    display: block;
    margin: 0 0.4rem;
    background-color: #40c9b3;
    height: 48px;
    line-height: 48px;
    color: #ffffff;
    font-size: 16px;
    border: none;
    text-align: center;
    border-radius: 3px;
}

/*广告套餐*/
#ggtc .item{
    display: block;
    background-color: #fff;
    margin-bottom: 0.4rem;
    color: #333333;
}
#ggtc .item h3{
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    padding-left: 0.6rem;
    color: #333333;
    border-bottom: 1px solid #E7E7E7;
}

#ggtc .item .bk{
    display: block;
    padding: 0.6rem;
}
#ggtc .item .bk .bImg,
#ggtc .item .bk .bk-01{
    float: left;
}
#ggtc .item .bk .bImg{
    width: 4.5rem;
    height: 3.4rem;
    overflow: hidden;
    position: relative;
    margin-right: 0.4rem;
}
#ggtc .item .bk .bImg img{
    display: block;
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
}
#ggtc .item .bk .bk-01{
    width: 9.8rem;

}
#ggtc .item .bk .bk-01 p{
    font-size: 13px;
}
#ggtc .item .bk .bk-01 .cont{
    height: 1.6rem;
    overflow: hidden;
    line-height: 0.8rem;
    margin-bottom: 0.3rem;
    font-size: 14px;
}
#ggtc .item .bk .bk-01 .yj span,
#ggtc .item .bk .bk-01 .klj>span{
    color: #fa5144;
}
#ggtc .item .bk .bk-01 .yj span{
    text-decoration: line-through;
}
#ggtc .item .bk .bk-01 .klj i{
    color: #999999;
    font-weight: 100;
}
#ggtc .item .bk .bk-01 .klj i span{
    color: #54ceba;
}

/*广告套餐-购买*/
#ggtc-gm .header{

    font-size: 16px;
    height: 36px;
    line-height: 36px;
    padding-left: 0.6rem;
    color: #333333;
    background-color: #ffffff;
    margin-bottom: 0.4rem;
}
#ggtc-gm .item{
    background-color: #ffffff;
    margin-bottom: 0.4rem;
}
#ggtc-gm .item .bk-01{
    padding: 0.4rem;
    margin-bottom: 0.5rem;
}
#ggtc-gm .item .bk-01 .bImg,
#ggtc-gm .item .bk-01 .cont{
    float: left;
}
#ggtc-gm .item .bk-01 .bImg{
    width: 3.1rem;
    height: 2.4rem;
    overflow: hidden;
    position: relative;
    margin-right: 0.4rem;
}
#ggtc-gm .item .bk-01 .bImg img{
    display: block;
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
}
#ggtc-gm .item .bk-01 .cont{
    width: 11.5rem;
    font-size: 14px;
    line-height: 1rem;
    height: 2rem;
    overflow: hidden;
}
#ggtc-gm .item .bk-02 h3{
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    padding-left: 0.6rem;
    color: #13c8ac;
    border-bottom: 1px solid #E7E7E7;
}
#ggtc-gm .item .bk-02 ul{
    padding-left: 0.6rem;
}
#ggtc-gm .item .bk-02 ul li{
    height: 36px;
    border-bottom: 1px solid #E7E7E7;
    padding-right: 0.6rem;
    padding-left: 0.2rem;
}
#ggtc-gm .item .bk-02 ul li:last-child{
    border-bottom: none;
}
#ggtc-gm .item .bk-02 ul li span,
#ggtc-gm .item .bk-02 ul li a{
    display: block;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    position: relative;

}
#ggtc-gm .item .bk-02 ul li span:nth-child(1){
    float: left;

}
#ggtc-gm .item .bk-02 ul li span:nth-child(2){
    float: right;
    color: #777777;
}
#ggtc-gm .item .bk-02 ul li a{
    float: right;
    color: #777777;
    padding-right: 22px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: right;

}
#ggtc-gm .item .bk-02 ul li a:after{
    content: "";
    display: block;
    width: 20px;
    height: 36px;
    background: url(../images/rj.png) no-repeat center;
    background-size: 8px;
    position: absolute;
    top: 0;
    right: 0;
}

#ggtc-gm .handle{
    margin-top: 1.5rem;
}
#ggtc-gm .handle p{
    text-align: center;
    color: #333333;
    font-size: 18px;
}
#ggtc-gm .handle p>span{
    color: #fa5144;
}
#ggtc-gm .handle p i{
    color: #999999;
}
#ggtc-gm .handle p i span{
    color: #54ceba;
}
#ggtc-gm .handle .btn-order{
    display: block;
    margin: 0 auto;
    background-color: #40c9b3;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
    font-size: 14px;
    border: none;
    width: 10rem;
}

/*广告套餐-支付*/
#ggtc-zf{
    padding-bottom: 2.6rem;
}
#ggtc-zf .header{

    font-size: 16px;
    height: 36px;
    line-height: 36px;
    padding-left: 0.6rem;
    color: #333333;
    background-color: #ffffff;
    margin-bottom: 0.4rem;
}
#ggtc-zf .item{
    background-color: #fff;
    margin-bottom: 0.4rem;
}
#ggtc-zf .item h3{
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    padding-left: 0.6rem;
    color: #333333;
    border-bottom: 1px solid #E7E7E7;
}

#ggtc-zf .item .bk{
    display: block;
    padding: 0.6rem;
}
#ggtc-zf .item .bk .bImg,
#ggtc-zf .item .bk .bk-01{
    float: left;
}
#ggtc-zf .item .bk .bImg{
    width: 4.5rem;
    height: 3.4rem;
    overflow: hidden;
    position: relative;
    margin-right: 0.4rem;
}
#ggtc-zf .item .bk .bImg img{
    display: block;
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
}
#ggtc-zf .item .bk .bk-01{
    width: 9.8rem;

}
#ggtc-zf .item .bk .bk-01 p{
    font-size: 13px;
}
#ggtc-zf .item .bk .bk-01 .cont{
    height: 1.6rem;
    overflow: hidden;
    line-height: 0.8rem;
    margin-bottom: 0.3rem;
    font-size: 14px;
}
#ggtc-zf .item .bk .bk-01 .yj span,
#ggtc-zf .item .bk .bk-01 .klj>span{
    color: #fa5144;
}
#ggtc-zf .item .bk .bk-01 .klj i{
    color: #999999;
    font-weight: 100;
}
#ggtc-zf .item .bk .bk-01 .klj i span{
    color: #54ceba;
}

#ggtc-zf .pay{
    height: 2.5rem;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #ffffff;
    overflow: hidden;
}
#ggtc-zf .pay .pay-01{
    width: 8.5rem;
    float: left;
    height: 2.5rem;
    box-sizing: border-box;
    padding: 0.4rem 0 0 0.6rem;
}
#ggtc-zf .pay .pay-01 p{
    display: block;
    height: 0.9rem;
    line-height: 0.9rem;
    font-size: 0.8rem
}
#ggtc-zf .pay .pay-01 p:nth-child(1) span{
    color: #fa5144;
}
#ggtc-zf .pay .pay-01 p:nth-child(2){
    font-size: 0.6rem;
    color: #777777;
}
#ggtc-zf .pay .pay-01 p:nth-child(2) span{
    color: #54ceba;
}
#ggtc-zf .pay .btn-pay{
    height: 2.5rem;
    line-height: 2.5rem;
    width: 7.5rem;
    background-color: #40c9b3;
    float: right;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
}


/*众筹得益列表*/
#zcdylb{}
#zcdylb .item{
    background-color: #ffffff;
    padding: 0.6rem;
    border-bottom: 1px solid #EDEDED;
}
#zcdylb .item:last-child{
    border-bottom: none;
}
#zcdylb .item  .bImg,
#zcdylb .item  .bk-01{
    float: left;
}
#zcdylb .item  .bImg{
    width: 4.5rem;
    height: 3.4rem;
    overflow: hidden;
    position: relative;
    margin-right: 0.4rem;
}
#zcdylb .item  .bImg img{
    display: block;
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
}
#zcdylb .item  .bk-01{
    width: 9.8rem;

}
#zcdylb .item  .bk-01 .cont{
    height: 1.6rem;
    overflow: hidden;
    line-height: 0.8rem;
    margin-bottom: 0.3rem;
    font-size: 14px;
}
#zcdylb .item  .bk-01 .progress{
    height: 5px;
    width: 9.5rem;
    background-color: #e6e6e6;
    border-radius: 10px;

}
#zcdylb .item  .bk-01 .progress>p{
    height: 5px;
    width:0;
    border-radius: 10px;
}
#zcdylb .item  .bk-01 .progress>p.orange{
    background-color: #ffab18;
}
#zcdylb .item  .bk-01 .progress>p.green{
    background-color: #05cbc4;
}
#zcdylb .item  .bk-01 .progress>p.blue{
    background-color: #74a2ce;
}
#zcdylb .item  .bk-01 .opts{
    margin-top: 0.4rem;
}
#zcdylb .item  .bk-01 .opts li{
    float: left;
    width: 2.4rem;
    border-right: 1px solid #EDEDED;
    padding-left: 0.4rem;
    box-sizing: border-box;
    text-align: center;

}
#zcdylb .item  .bk-01 .opts li:nth-child(2){
    width: 4rem;
}
#zcdylb .item  .bk-01 .opts li:last-child{
    border-right: none;
}
#zcdylb .item  .bk-01 .opts li p{
    font-size: 13px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;

}
#zcdylb .item  .bk-01 .opts li p:nth-child(1){
    height: 16px;
    line-height: 16px;
}
#zcdylb .item  .bk-01 .opts li p:nth-child(2){
    color: #cccccc;
}

/*众筹得益-详情*/
#zcdy-xq {
    padding-bottom: 2.6rem;
}
#zcdy-xq .title-header{
    background-color: #ffffff;
    overflow: hidden;
    position: relative;
    margin-bottom: 0.4rem;
}
#zcdy-xq .title-header h2{
    display: inline-block;
    line-height: 24px;
    color: #333333;
    font-size: 16px;
    box-sizing: border-box;
    padding:8px 0.6rem;
    position: relative;
}
#zcdy-xq .title-header .tag{
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    font-size: 12px;
    background-color: #fa5a4a;
    color: #ffffff;

    padding: 2px 5px;
    border-radius: 4px;

}
#zcdy-xq .swiper-picture .swiper-slide img {
    display: block;
    width: 100%;
}
#zcdy-xq  .swiper-pages{
    width: 2.5rem;
    height: 1rem;
    line-height: 1rem;
    background-color: rgba(0, 0, 0, 0.85);
    color: #ffffff;
    text-align: center;
    font-size: 0.75rem;
    border-radius:3rem;
    position: absolute;
    bottom: 0.5rem;
    left: 12.5rem;
    z-index: 999;
}
#zcdy-xq .bk-01,
#zcdy-xq .bk-02,
#zcdy-xq .bk-03{
    background-color: #ffffff;
    margin-bottom: 0.4rem;
}

#zcdy-xq .bk-01{
    padding: 0.6rem 0.6rem 0.9rem;
}
#zcdy-xq .bk-01 .param p{
    float: left;
    width: 50%;
    box-sizing: border-box;
    text-align: center;
    font-size:14px;
    height: 1.8rem;
    line-height: 1.8rem;
}
#zcdy-xq .bk-01 .param p:nth-child(1){
    border-right: 1px solid #F1F1F1;
}
#zcdy-xq .bk-01 .param p span{
    font-size:22px;
}
#zcdy-xq .bk-01 .dep{
    font-size: 14px;
    margin: 10px 0;
}
#zcdy-xq .bk-01 .dep span{
    color: #f92f10;
}
#zcdy-xq .progress-wrap .msg{
    height: 20px;
}
#zcdy-xq .progress-wrap .msg p{
    font-size: 12px;
    color: #999999;
    line-height: 20px;
}
#zcdy-xq .progress-wrap .msg p span{
    color: #333333;
}
#zcdy-xq .progress-wrap .msg p:nth-child(1){
    float: left;
}
#zcdy-xq .progress-wrap .msg p:nth-child(2){
    float: right;
}

#zcdy-xq .bk-01 .progress{
    height: 5px;
    background-color: #e6e6e6;
    border-radius: 10px;
        margin-bottom: 5px;
}
#zcdy-xq .bk-01 .progress>p{
    height: 5px;
    width:0;
    border-radius: 10px;
}
#zcdy-xq .bk-01 .progress>p.orange{
    background-color: #ffab18;
}
#zcdy-xq .bk-01 .progress>p.green{
    background-color: #05cbc4;
}
#zcdy-xq .bk-01 .progress>p.blue{
    background-color: #74a2ce;
}
#zcdy-xq .bk-01  .numBox{
    height: 36px;
    width: 12rem;
    margin: 10px auto 0;
}
#zcdy-xq .bk-01  .numBox .bnl,
#zcdy-xq .bk-01  .numBox .bnr,
#zcdy-xq .bk-01  .numBox .input{
    float: left;
    display: block;
    height: 36px;
    line-height: 36px;
    width: 3rem;
    box-sizing: border-box;
    text-align: center;
    border: 1px solid #BEBEBE;
    overflow: hidden;
}
#zcdy-xq .bk-01  .numBox .input{
    width: 5rem;
    font-size: 12px;
}
#zcdy-xq .bk-01  .numBox .input span{
    font-size: 18px;
}
#zcdy-xq .bk-01  .numBox .bnl{
    margin-right: 0.5rem;
}
#zcdy-xq .bk-01  .numBox .bnr{
    margin-left: 0.5rem;
}
#zcdy-xq .bk-01  .numBox input:before{

}
#zcdy-xq .bk-01  .numBox .bnl:hover,
#zcdy-xq .bk-01  .numBox .bnr:hover{
    color: #ffffff;
    background-color: #1BCA9A;
    border: 1px solid #2dcaaa;
}

#zcdy-xq .bk-02 h3,
#zcdy-xq .bk-03 h3{
    font-size: 16px;
    color: #13c8ac;
    height: 36px;
    line-height: 36px;
    padding-left: 0.6rem;
}
#zcdy-xq .bk-02 .cont {
    font-size: 14px;
    padding:0 0.6rem 0.6rem 0.6rem;
    color: #333333;
    line-height: 18px;
}
#zcdy-xq .bk-03 .param{
    padding:0 0.6rem 0.6rem 0.6rem;
    border-bottom: 1px solid #EDEDED;
}
#zcdy-xq .bk-03 .param li{
    font-size: 14px;
    color: #333333;
    position: relative;
    height: 18px;
    line-height: 18px;
    padding-left: 18px;
}
#zcdy-xq .bk-03 .param li::before{
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    display:block;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#zcdy-xq .bk-03 .param li.p-01::before{

    background: url("../images/type.png") no-repeat left center;
    background-size: 75%;

}
#zcdy-xq .bk-03 .param li.p-02::before{
    background: url("../images/time.png") no-repeat left center;
    background-size: 75%;
}
#zcdy-xq .bk-03 .param li.p-03::before{
    background: url("../images/iconfont-dingwei.png") no-repeat left center;
    background-size: 75%;
}
#zcdy-xq .bk-03 .param li.p-04::before{
    background: url("../images/xtcs.png") no-repeat left center;
    background-size: 75%;
}


#zcdy-xq .bk-03 .panel{
    height: 20px;
    padding:0.5rem 0.6rem;
}
#zcdy-xq .bk-03 .panel span{
    font-size: 12px;
    height: 20px;
    line-height:20px;
    display: block;
    float: right;
    color: #cccccc;
    position: relative;
    padding-left: 22px;
}
#zcdy-xq .bk-03 .panel span:before{
    content: "";
    position: absolute;
    left: 0;
    top:0;
    width: 20px;
    height:20px;
    display: block;
}
#zcdy-xq .bk-03 .panel span.look,
#zcdy-xq .bk-03 .panel span.like,
#zcdy-xq .bk-03 .panel span.comment{
    margin-left: 20px;
}

#zcdy-xq .bk-03 .panel span.collect{
    float: left;
    color: #cccccc;
}
#zcdy-xq .bk-03 .panel span.collect:before{

    background: url("../images/xq_icon06.png") no-repeat left center;
    background-size: 20px;
}
#zcdy-xq .bk-03 .panel span.collect.active{
    color: #ff9d21;
}
#zcdy-xq .bk-03 .panel span.collect.active:before{
    background: url("../images/xq_icon02.png") no-repeat left center;
    background-size: 20px;
}

#zcdy-xq .bk-03 .panel span.look:before{
    background: url("../images/xq_icon03.png") no-repeat left center;
    background-size: 20px;
}
#zcdy-xq .bk-03 .panel span.like:before{
    background: url("../images/xq_icon04.png") no-repeat left center;
    background-size: 20px;
}
#zcdy-xq .bk-03 .panel span.comment:before{
    background: url("../images/xq_icon05.png") no-repeat left center;
    background-size: 20px;
}

#zcdy-xq .bk-03  .panel span.like.act{
    color: #ff9d21;
}
#zcdy-xq .bk-03  .panel span.like.act:before{
    background: url(../images/xq_icon07.png) no-repeat center;
    background-size: 20px;
}

#zcdy-xq .pay{
    height: 2.5rem;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #ffffff;
    overflow: hidden;
}
#zcdy-xq .pay .pay-01{
    width: 8.5rem;
    float: left;
    height: 2.5rem;
    box-sizing: border-box;
    padding: 0.4rem 0 0 0.6rem;
}
#zcdy-xq .pay .pay-01 .text{
    font-size: 0.6rem
}
#zcdy-xq .pay .pay-01 .money{
    font-size: 0.9rem;
    color: #f74c31;
}
#zcdy-xq .pay .btn-pay{
    height: 2.5rem;
    line-height: 2.5rem;
    width: 7.5rem;
    background-color: #40c9b3;
    float: right;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
}

/*发布出租车*/
#fbczc{
    padding-bottom: 3.1rem;
}
#fbczc .bk-01,
#fbczc .bk-02,
#fbczc .bk-04{
    background-color: #ffffff;
    margin-bottom: 0.4rem;
    position: relative;
}
#fbczc .bk-03{
    margin-bottom: 0.4rem;
    position: relative;
}

#fbczc .bk-01{
    padding: 0.4rem 0.6rem;
}
#fbczc .bk-04{
    padding: 0.4rem 0;
}
#fbczc .bk-01 h3{
    font-size: 16px;
    color: #333;
    height: 30px;
    line-height: 30px;
}
#fbczc .bk-01 p{
    font-size: 12px;
    color: #999;
    line-height: 18px;
}
#fbczc .bk-02 textarea{
    display: block;
    box-sizing: border-box;
    width: 100%;
    border: none;
    resize:none;
    min-height: 6rem;
    padding: 0.4rem;
    font-size: 14px;
}
#fbczc .bk-02 p{
    position: absolute;
    right: 0.4rem;
    bottom:0.4rem;
    font-size: 12px;
    color: #cccccc;
    z-index: 3;
}
#fbczc .bk-02 .tips{
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    font-size: 14px;
    box-sizing: border-box;
    padding: 0.4rem;
    z-index: 1;
    color: #cccccc;
}

#fbczc .bk-03 li{
    height: 40px;
    padding: 0 30px 0 0.6rem;
    position: relative;
    border-bottom: 1px solid #F1F1F1;
    box-sizing: border-box;
    background-color: #ffffff;
    overflow: hidden;
}
#fbczc .bk-03 li.mt{
    margin-top: 0.4rem;
}
#fbczc .bk-03 li:last-child{
    border-bottom: none;
}
#fbczc .bk-03 li:after{
    content: "";
    display: block;
    width: 30px;
    height: 40px;
    background: url(../images/rj.png) no-repeat center;
    background-size: 6px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -20px;
}
#fbczc .bk-03 li span{
    display: block;
    float: left;
    color: #333333;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
}

#fbczc .bk-03 li span:nth-child(2){
    color: #999999;
    font-size: 14px;
    position: absolute;
    right: 30px;
    top:0;
}

#fbczc .bk-03 li span.tag{
    display: inline-block;
    border: 1px solid #f65f4a;
    color: #f65f4a;
    height: 26px;
    line-height: 26px;
    padding: 0 8px;
    border-radius: 3px;
    margin-top: 7px;
}

#fbczc .bk-04 ul{
    padding: 0 0.6rem 0.4rem;
    border-bottom: 1px solid #F1F1F1;
}
#fbczc .bk-04 li{
    height: 20px;
}
#fbczc .bk-04 li span{
    font-size: 14px;
    display: block;
    float: left;
    height: 20px;
    line-height: 20px;

}
#fbczc .bk-04 li span:nth-child(1){
    color: #cccccc;
}
#fbczc .bk-04 li span:nth-child(2){
    float: right;
}

#fbczc .bk-04 .clause{
    padding: 0.6rem 0.6rem 0.2rem;
    height: 20px;
}
#fbczc .bk-04 .clause .checkbox,
#fbczc .bk-04 .clause >p{
    float:left;
}
#fbczc .bk-04 .clause >p{
    font-size: 13px;
    height: 20px;
    line-height: 20px;
    margin-left: 5px;
}
#fbczc .bk-04 .clause >p span{
    color: #407eca;
}

#fbczc .bk-05{
    background-color: #ffffff;
    height: 3rem;
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 0.5rem 0.6rem;
    box-sizing: border-box;
}
#fbczc .bk-05 .btn-order,
#fbczc .bk-05 .bk-pay{
    float: right;
}
#fbczc .bk-05 .btn-order{
    height: 2rem;
    line-height: 2rem;
    border-radius: 0.2rem;
    width: 5rem;
    background-color: #f65f4a;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
}
#fbczc .bk-05 .bk-pay{
    font-size: 0.6rem;
    margin-right: 8px;
    height: 0.8rem;
    line-height: 0.8rem;
    text-align: right;
    color: #999999;
}
#fbczc .bk-05 .bk-pay p:nth-child(2){
    font-size: 1.1rem;
    height: 1.2rem;
    line-height: 1.2rem;
    color: #f65f4a;
}

/*发布牛播厅*/
#fbnbt input::-webkit-input-placeholder,
#fbnbt textarea::-webkit-input-placeholder {
    color: #c7c6c6;
    font-size: 16px;
    font-weight: 100;
}
#fbnbt{
    padding-bottom: 3.1rem;
}
#fbnbt .bk-01,
#fbnbt .bk-02,
#fbnbt .bk-04{
    background-color: #ffffff;
    margin-bottom: 0.4rem;
    position: relative;
}
#fbnbt .bk-03{
    margin-bottom: 0.4rem;
    position: relative;
}

#fbnbt .bk-01{
    padding: 0.4rem 0.6rem;
}
#fbnbt .bk-01 input{
    width: 100%;
    font-size: 16px;
}
#fbnbt .bk-04{
    padding: 0.4rem 0;
}

#fbnbt .bk-02 textarea{
    display: block;
    box-sizing: border-box;
    width: 100%;
    border: none;
    resize:none;
    min-height: 6rem;
    padding: 0.4rem;
    font-size: 14px;
}
#fbnbt .bk-02 .photo{
    margin-left: 0.6rem;
    padding: 0.4rem 0 0.4rem 0;
    border-top: 1px solid #f7f7f7;
}
#fbnbt .bk-02 .photo li{
    display: block;
    width: 3.5rem;
    height: 3.5rem;
    margin-right: 0.3rem;
    margin-bottom: 0.3rem;
    background-color: #e8e8e9;
    float: left;
    border-radius: 0.2rem;
    overflow: hidden;
    position: relative;
}
#fbnbt .bk-02 .photo li img{
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
}
#fbnbt .bk-02 .photo li.add{
    background:#e8e8e9 url("../images/photo.png") no-repeat center;
    background-size: 2rem;
}

#fbnbt .bk-03 li{
    height: 40px;
    padding: 0 30px 0 0.6rem;
    position: relative;
    border-bottom: 1px solid #F1F1F1;
    box-sizing: border-box;
    background-color: #ffffff;
    overflow: hidden;
}
#fbnbt .bk-03 li.clearAr:after{
    content: "";
    background: transparent;
}
#fbnbt .bk-03 li.mt{
    margin-top: 0.4rem;
}
#fbnbt .bk-03 li:last-child{
    border-bottom: none;
}
#fbnbt .bk-03 li:after{
    content: "";
    display: block;
    width: 30px;
    height: 40px;
    background: url(../images/rj.png) no-repeat center;
    background-size: 6px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -20px;
}
#fbnbt .bk-03 li span{
    display: block;
    float: left;
    color: #333333;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
}

#fbnbt .bk-03 li span:nth-child(2){
    color: #999999;
    font-size: 14px;
    position: absolute;
    right: 30px;
    top: 0;
}

#fbnbt .bk-03 li span.tag{
    display: inline-block;
    border: 1px solid #f65f4a;
    color: #f65f4a;
    height: 26px;
    line-height: 26px;
    padding: 0 8px;
    border-radius: 3px;
    margin-top: 7px;
}

#fbnbt .bk-04 ul{
    padding: 0 0.6rem 0.4rem;
    border-bottom: 1px solid #F1F1F1;
}
#fbnbt .bk-04 li{
    height: 20px;
}
#fbnbt .bk-04 li span{
    font-size: 14px;
    display: block;
    float: left;
    height: 20px;
    line-height: 20px;

}
#fbnbt .bk-04 li span:nth-child(1){
    color: #cccccc;
}
#fbnbt .bk-04 li span:nth-child(2){
    float: right;
}

#fbnbt .bk-04 .clause{
    padding: 0.6rem 0.6rem 0.2rem;
    height: 20px;
}
#fbnbt .bk-04 .clause .checkbox,
#fbnbt .bk-04 .clause >p{
    float:left;
}
#fbnbt .bk-04 .clause >p{
    font-size: 13px;
    height: 20px;
    line-height: 20px;
    margin-left: 5px;
}
#fbnbt .bk-04 .clause >p span{
    color: #407eca;
}

#fbnbt .bk-05{
    background-color: #ffffff;
    height: 3rem;
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 0.5rem 0.6rem;
    box-sizing: border-box;
}
#fbnbt .bk-05 .btn-order,
#fbnbt .bk-05 .bk-pay{
    float: right;
}
#fbnbt .bk-05 .btn-order{
    height: 2rem;
    line-height: 2rem;
    border-radius: 0.2rem;
    width: 5rem;
    background-color: #f65f4a;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
}
#fbnbt .bk-05 .bk-pay{
    font-size: 0.6rem;
    margin-right: 8px;
    height: 0.8rem;
    line-height: 0.8rem;
    text-align: right;
    color: #999999;
}
#fbnbt .bk-05 .bk-pay p:nth-child(2){
    font-size: 1.1rem;
    height: 1.2rem;
    line-height: 1.2rem;
    color: #f65f4a;
}

/*支付*/
#zf .bk-01{
    height: 65px;
    background: url("../images/zf-bg.png") repeat-x center bottom;
    padding:15px 0.6rem ;
}
#zf .bk-01 .opt{
    height: 26px;
    margin-top: 3px;
}
#zf .bk-01 p{
    font-size: 16px;
    float: left;
    height: 26px;
    line-height: 26px;
}
#zf .bk-01 p.lable{
    margin-right: 5px;
}
#zf .bk-01 p.red{
    color: #f65f4a;
}
#zf .bk-02{
    background-color: #ffffff;
    margin-bottom: 0.4rem
}
#zf .bk-02 li,
#zf .bk-03 li{
    height: 46px;
    padding: 10px 0.6rem;
    box-sizing: border-box;
    border-bottom: 1px solid #F4F4F4;
    position: relative;
}

#zf .bk-02 li .lable,
#zf .bk-03 li .lable{
    float: left;
    font-size: 16px;
    height: 26px;
    line-height: 26px;
    position: relative;
}
#zf .bk-02 li .text,
#zf .bk-02 li .pay{
    float: right;
}
#zf .bk-02 li .text{
    font-size: 16px;
    height: 26px;
    line-height: 26px;
    margin-right: 8px;
    color: #f65f4a;
}
#zf .bk-02 li .pay{
    font-size: 12px;
    display: block;
    background-color: #f65f4a;
    color: #ffffff;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    border-radius: 2px;
}
#zf .bk-02 li .checkbox{
    position: absolute;
    top: 50%;
    right: 0.6rem;
    margin-top: -9px;
}

#zf .bk-03{
    background-color: #ffffff;
}
#zf .bk-03 .pay{
    height: 46px;
    padding: 10px 0.6rem;
    box-sizing: border-box;
    border-bottom: 1px solid #F4F4F4;
    position: relative;
    font-size: 16px;
}
#zf .bk-03 li .lable.zfb,
#zf .bk-03 li .lable.vx{
    padding-left: 34px;
}
#zf .bk-03 li .lable.zfb:before,
#zf .bk-03 li .lable.vx:before{
    content: "";
    display: block;
    width: 30px;
    height: 26px;
    position: absolute;
    top: 0;
    left: 0;
}
#zf .bk-03 li .lable.zfb:before{
    background: url("../images/zfb.png") no-repeat center;
    background-size: 26px;
}
#zf .bk-03 li .lable.vx:before{
    background: url("../images/wx.png") no-repeat center;
    background-size: 26px;
}

#zf .bk-03 li .checkbox{
    position: absolute;
    top: 50%;
    right: 0.6rem;
    margin-top: -9px;
}

#zf .btn-pay{
    display: block;
    margin: 15px 0.4rem 0;
    background-color: #40c9b3;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
    font-size: 14px;
    border: none;
}

/*支付 成功-失败*/

#zf-cg .bk-01,
#zf-sb .bk-01{
    background-color: #ffffff;
    padding: 40px;
    border-bottom: 1px solid #E7E7E7;
}

#zf-cg .bk-01 img,
#zf-sb .bk-01 img{
    display: block;
    width: 3rem;
    margin: 0 auto 10px;
}
#zf-cg .bk-01 p,
#zf-sb .bk-01 p{
    font-size: 18px;
    text-align: center;
    line-height: 30px;
    color: #40cab3;
}
#zf-sb .bk-01 p{
    color: #333333;
}
#zf-cg .bk-02 ,
#zf-sb .bk-02 {
    background-color: #ffffff;
    padding: 0.6rem;
}

#zf-cg .bk-02 .opt,
#zf-sb .bk-02 .opt{
    height: 26px;
}

#zf-cg .bk-02 p,
#zf-sb .bk-02 p{
    font-size: 16px;
    float: left;
    height: 26px;
    line-height: 26px;
    color: #999999;
}

#zf-cg .bk-02 p.lable,
#zf-sb .bk-02 p.lable{
    margin-right: 5px;
}

#zf-cg .bk-03,
#zf-sb .bk-03 {
    text-align: center;
    margin-top: 0.6rem;
}
#zf-cg .bk-03 .btn,
#zf-sb .bk-03 .btn{
    width: 7rem;
    padding: 0 0.2rem;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    box-sizing: border-box;
}

#zf-cg .bk-03 .btn.btn-01,
#zf-sb .bk-03 .btn.btn-01{
    color: #40c9b3;
    background-color: #ffffff;
    border: 1px solid #40c9b3;
}
#zf-cg .bk-03 .btn.btn-02{
    background-color: #40c9b3;
    color: #ffffff;
    border: 1px solid #40c9b3;
}

#zf-sb .bk-03 .btn.btn-03{
    color: #b5b5b5;
    background-color: #ffffff;
    border: 1px solid #ADADAD;
}

/*我的发票*/
#wdfp{
    padding-bottom: 60px;
}
#wdfp .item{
    background-color: #ffffff;
    position: relative;
    margin-bottom: 0.4rem;
}
#wdfp .item .checkbox{
    position: absolute;
    left: 14px;
    top:50%;
    margin-top: -6px;
}
#wdfp .item .bk{
    margin-left: 48px;
}
#wdfp .item .bk .bk-01{
    height: 30px;
    padding-right: 0.6rem;
}
#wdfp .item .bk .bk-01 p{
    float: left;
    font-size: 12px;
    color: #999999;
    height: 30px;
    line-height: 30px;

}
#wdfp .item .bk .bk-01 p:nth-child(2){
    float: right;
    font-size: 14px;
    color: #f65f4a;
}
#wdfp .item .bk  .bk-02{
    padding: 10px 0;
    border-bottom: 1px solid #F4F4F4;

}
#wdfp .item .bk  .bk-02 p{
    font-size: 14px;
    float: left;
    height: 22px;
    line-height: 22px;
    color: #666666;
}
#wdfp .item .bk .bk-02 p.lable{
    margin-right: 5px;
}
#wdfp .item .bk .bk-02 p.cont{
    width: 9.5rem;
    height: auto;
}

#wdfp .bpanel{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #ffffff;
    height: 50px;
}
#wdfp .bpanel .all{
    height: 50px;
    float: left;
    box-sizing: border-box;
    padding: 16px 0 16px 20px;
    margin-left: 14px;
    position: relative;
}
#wdfp .bpanel .all .checkbox{
    position: absolute;
    left: 0;
    top:16px;
}
#wdfp .bpanel .all p{
    float: left;
    font-size: 16px;
    height: 18px;
    line-height: 18px;
    margin-right: 5px;
    color: #666666;
}

#wdfp .bpanel .btn-next{
    float: right;
    height: 30px;
    line-height: 22px;
    padding: 3px 15px;
    box-sizing: border-box;
    margin: 10px 0.6rem 10px 0;
    border: 1px solid #EDEDED;
    background-color: #f5f5f5;
    font-size: 14px;
}

/*发票信息*/
#fpxx .bk-01{
    background: url("../images/zf-bg.png") repeat-x center bottom;
    padding:15px 0.6rem 25px; ;
}
#fpxx .bk-01 .opt{
    height: 26px;
    margin-top: 3px;
}
#fpxx .bk-01 p{
    font-size: 16px;
    float: left;
    height: 26px;
    line-height: 26px;
}
#fpxx .bk-01 p.lable{
    margin-right: 5px;
}
#fpxx .bk-01 p.cont{
    color: #f65f4a;
}
#fpxx .title{
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #666666;
    padding: 0 0.7rem;
}

#fpxx .bk-02,
#fpxx .bk-03{
    background-color: #ffffff;
}
#fpxx .bk-02 .item ,
#fpxx .bk-03 .item {
    background-color: #ffffff;
    position: relative;

    padding-left: 48px;
}


#fpxx .bk-02 .item.add .opt,
#fpxx .bk-03 .item.add .opt{
    width: 100%;
    padding: 0 0 0 25px !important;
    line-height: 46px;
}
#fpxx .bk-02 .item.add .opt:before,
#fpxx .bk-03 .item.add .opt:before{
    content: "";
    display: block;
    width: 20px;
    height:  46px;
    background: url("../images/add.png") no-repeat center;
    background-size: 18px;
    position: absolute;
    left: 0;
    top:0;
}

#fpxx .bk-02 .item .checkbox,
#fpxx .bk-03 .item .checkbox{
    position: absolute;
    left: 14px;
    top: 50%;
    margin-top: -9px;
}
#fpxx .bk-02 .item .opt,
#fpxx .bk-03 .item .opt{
    padding: 10px 0;
    width: 11rem;
    min-height:  36px;
    font-size: 16px;
    border-bottom: 1px solid #f7f7f7;
    position: relative;
    box-sizing: border-box;
}
#fpxx .bk-02 .item  .edit,
#fpxx .bk-03 .item  .edit{
    width: 60px;
    height:  36px;
    display: block;
    position: absolute;
    right: 0;
    top:0;
    background: url("../images/edit.png") no-repeat center;
    background-size: 18px;
}



#fpxx .bk-03 .item .opt .msg{
    font-size: 16px;
    margin-bottom: 5px;
    margin-top: 5px;
}
#fpxx .bk-03 .item .opt .site{
    font-size: 12px;
    width: 10rem;
}
#fpxx .bk-03 .item .opt p span{
    font-size: 12px;
    margin: 0 5px;
}
#fpxx .bk-03 .item .opt p .tag{
    font-size: 12px;
    background-color: #f65f4a;
    color: #ffffff;
    display: inline-block;
    padding: 0 2px;
}

/*活动详情*/
#hdxq{
    padding-bottom: 55px;
}
#hdxq .bk-01{
    margin-bottom:10px;
}
#hdxq .bk-01 img{
    display: block;
    width: 100%;
}
#hdxq  .swiper-pages{
    width: 2.5rem;
    height: 1rem;
    line-height: 1rem;
    background-color: rgba(0, 0, 0, 0.85);
    color: #ffffff;
    text-align: center;
    font-size: 0.75rem;
    border-radius:3rem;
    position: absolute;
    bottom: 0.5rem;
    left: 12.5rem;
    z-index: 999;
}

#hdxq .bk-02{
    height: 70px;
    padding: 5px 0;
    background-color: #ffffff;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 10px;
}
#hdxq .bk-02 .title{
    width: 60px;
    height: 60px;
    line-height: 20px;
    color: #f65f4a;
    font-size: 18px;
    text-align: center;
    box-sizing: border-box;
    padding: 10px;
    border-right: 1px solid #f7f7f7;
    position: absolute;
    left: 0;
    top:5px;

}

#hdxq .bk-02 .gifts{
    overflow-x: auto;
    margin-left: 60px;
}
#hdxq .bk-02 .gifts ul{
    white-space: nowrap;
    font-size: 14px;
}
#hdxq .bk-02 .gifts ul li{
    display: inline-block;
    height: 60px;
    box-sizing: border-box;
    vertical-align: top;
    overflow:hidden;
}
#hdxq .bk-02 .gifts ul li img{
    height: 100%;

}
#hdxq .bk-03{
    background-color: #ffffff;
}
#hdxq .bk-03 .hd{
    border-bottom: 1px solid #E7E7E7;
    padding: 5px 0.6rem;
}
#hdxq .bk-03 .hd h3{
    line-height: 24px;
    font-size: 14px;
}
#hdxq .bk-03 .hd p{
    font-size: 14px;
    height: 26px;
    line-height: 26px;
    color: #999999;
}

#hdxq .bk-03 .bd{
    padding: 0.4rem 0.6rem;
    font-size: 14px;
    overflow: hidden;
}
/*#hdxq .bk-03 .bd p,
#hdxq .bk-03 .bd a{
    color: #333;
    font-size: 14px;
    line-height: 20px;
}
#hdxq .bk-03 .bd .opt p {
    float: left;
}
#hdxq .bk-03 .bd .opt {
    margin-bottom: 5px;
}*/

#hdxq .bk-04 {
    height: 50px;
    background-color: #ffffff;
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
}
#hdxq .bk-04 .btn-take{
    height: 40px;
    line-height: 40px;
    margin: 5px 0.6rem;
    background-color: #4fceb9;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    border-radius: 2px;
}

/*我的推广*/
#wdtg{
    background-color: #35a896;
    padding-bottom: 25px;

}
#wdtg .bk-01 img{
    display: block;
    width: 100%;
}
#wdtg .bk-02{
    position: relative;
    width: 100%;
    height: 18rem;
}
#wdtg .bk-02 .panel{
    width: 14rem;
    background-color: #b4eddc;
    position: absolute;
    top: -0.8rem;
    left: 50%;
    margin-left: -7rem;
    padding: 0.6rem;
    box-sizing: border-box;
    box-shadow: 0 -0.2rem 0.6rem #78c6ba;
}
#wdtg .bk-02 .tg-j-l,
#wdtg .bk-02 .tg-j-r{
    width: 0.6rem;
    height: 0.8rem;
    position: absolute;
    top:0;
}

#wdtg .bk-02 .tg-j-l{

    left: -0.6rem;
}
#wdtg .bk-02 .tg-j-r{

    right: -0.6rem;
}
#wdtg .bk-02 .tg-title{
    display: block;
    width: 6rem;
    margin: 0 auto 15px;
}
#wdtg .bk-02 .conts{
    border-radius: 0.3rem;
    background-color: #ffffff;
    box-sizing: border-box;
    padding: 0.6rem;
}

#wdtg .bk-02 .conts  p {
    color: #666666;
    font-size: 0.7rem;
    line-height:0.8rem;
}
#wdtg .bk-02 .conts a{
    font-size: 0.7rem;
    text-align: center;
    line-height: 0.9rem;
    display: block;
    margin-bottom: 0.4rem;
}
#wdtg .bk-02 .conts  .people{
    text-align: center;
    font-size: 0.9rem;
    line-height: 1rem;
    margin-bottom: 0.4rem;
}
#wdtg .bk-02 .conts  .people i{
    font-size: 1rem;
    font-weight: bold;
    color: #f9c02f;
}

#wdtg .bk-02 .conts .code{
    display: block;
    width: 7rem;
    height: 7rem;
    margin: 0 auto;
}
#wdtg .bk-02 .conts .codeTxt{
    width: 7rem;
    margin: 0 auto;
    font-size: 0.9rem;
    line-height: 1.2rem;
    text-align: center;
}
#wdtg .bk-02 .btn-share{
    font-size: 18px;
    text-align: center;
    color: #ffffff;
    background-color: #f9c02f;
    height: 46px;
    line-height: 46px;
    border-radius: 5px;
    margin-top: 15px;
}
#wdtg .rule{
    width: 14rem;
    margin: 0 auto;
}
#wdtg .rule .tg-hdgz{
    width: 6rem;
    display: block;
    margin: 0 auto 10px;
}
#wdtg .rule .cont{
    font-size: 0.6rem;
    line-height: 0.9rem;
    color: #b4eddc;
}
    /*推广到好友*/
#tgdhy{
    background-color: #37af9c;
    padding-bottom: 40px;
    padding-top: 30px;

}
#tgdhy .cl{
    position: absolute;
    width: 15rem;
    top: 0;
    left: 0.5rem;
}
#tgdhy .bk-01 img{
    display: block;
    width: 14rem;
    margin: 0 auto;
}
#tgdhy  .bk-02{
    width: 14rem;
    margin: 0 auto;
}

#tgdhy  .bk-02 ul li{
    padding: 15px 0;
}
#tgdhy  .bk-02 ul li img{
    display: block;
    width: 100%;
}


#tgdhy .bk-02 .down{
    position: fixed;
    left: 0;
    bottom:0;
    width: 100%;
    font-size: 18px;
    text-align: center;
    color: #ffffff;
    background:url("../images/yun.png") no-repeat center top ;
    background-size: cover;
    height: 7rem;
    box-sizing: border-box;
    padding-top: 4rem;

}
#tgdhy .bk-02 .btn-down{
    font-size: 18px;
    text-align: center;
    color: #ffffff;
    background-color:#f65f4a ;
    height: 46px;
    line-height: 46px;
    border-radius: 5px;
    margin: 0 1.5rem;

}


/*发布选择*/
#fbxz {
}
#fbxz .dg-list{
    background-color: #fff;
    padding-left: 40px;
}
#fbxz .dg-list.shrink{
    padding-left: 0.6rem;
}
#fbxz .dg-list a{
    display: block;
    background-color: #fff;
    position: relative;
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #ededed;
    color: #000;
    font-size: 14px;

}
#fbxz .dg-list a:last-child{
    border-bottom: none;
}
#fbxz .dg-list a:before{
    content: "";
    display: block;
    width: 40px;
    height:40px;
    position: absolute;
    left:-40px;
    top: 0
}

#fbxz .dg-list.shrink a:after  {
    content: "";
    display: block;
    width: 40px;
    height:40px;
    background: url(../images/rj.png) no-repeat center;
    background-size: 6px;
    position: absolute;
    right: 0.4rem;
    top: 0;
}

#fbxz .dg-list a.fb-01:before{
    background: url(../images/fb-01.png) no-repeat center;
    background-size: 20px;
}
#fbxz .dg-list a.fb-02:before{
    background: url(../images/fb-02.png) no-repeat center;
    background-size: 20px;
}
#fbxz .dg-list a.fb-03:before{
    background: url(../images/fb-03.png) no-repeat center;
    background-size: 20px;
}
#fbxz .dg-list a.fb-04:before{
    background: url(../images/fb-04.png) no-repeat center;
    background-size: 20px;
}
#fbxz .dg-list a.fb-05:before{
    background: url(../images/fb-05.png) no-repeat center;
    background-size: 20px;
}
#fbxz .dg-list a.fb-06:before{
    background: url(../images/fb-06.png) no-repeat center;
    background-size: 20px;
}
#fbxz .dg-list a.fb-07:before{
    background: url(../images/fb-07.png) no-repeat center;
    background-size: 20px;
}
#fbxz .dg-list a.fb-08:before{
    background: url(../images/fb-08.png) no-repeat center;
    background-size: 20px;
}
#fbxz .dg-list a.fb-09:before{
    background: url(../images/fb-09.png) no-repeat center;
    background-size: 20px;
}
#fbxz .dg-list a.fb-10:before{
    background: url(../images/fb-10.png) no-repeat center;
    background-size: 20px;
}
#fbxz .dg-list a.fb-11:before{
    background: url(../images/fb-11.png) no-repeat center;
    background-size: 20px;
}
#fbxz .dg-list a.fb-12:before{
    background: url(../images/fb-12.png) no-repeat center;
    background-size: 20px;
}
#fbxz .dg-list a.fb-13:before{
    background: url(../images/fb-13.png) no-repeat center;
    background-size: 20px;
}
#fbxz .dg-list a.fb-14:before{
    background: url(../images/fb-14.png) no-repeat center;
    background-size: 20px;
}


/*发布公交车*/
#fbgjc{
    padding-bottom: 3.2rem;
}
#fbgjc .swiper-picture{
}
#fbgjc .swiper-picture .swiper-slide img {
    display: block;
    width: 100%;
}
#fbgjc  .swiper-pages{
    width: 2.5rem;
    height: 1rem;
    line-height: 1rem;
    background-color: rgba(0, 0, 0, 0.85);
    color: #ffffff;
    text-align: center;
    font-size: 0.75rem;
    border-radius:3rem;
    position: absolute;
    bottom: 0.5rem;
    left: 12.5rem;
    z-index: 999;
}
#fbgjc .bk-01{
    position: relative;
}
#fbgjc .bk-01 li{
    height: 40px;
    padding: 0 30px 0 0.6rem;
    position: relative;
    border-bottom: 1px solid #F1F1F1;
    box-sizing: border-box;
    background-color: #ffffff;
    overflow: hidden;
}
#fbgjc .bk-01 li.mt{
    margin-top: 0.4rem;
}
#fbgjc .bk-01 li:last-child{
    border-bottom: none;
}

#fbgjc .bk-01 li:after{
    content: "";
    display: block;
    width: 30px;
    height: 40px;
    background: url(../images/rj.png) no-repeat center;
    background-size: 6px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -20px;
}
#fbgjc .bk-01 li.clearAr:after{
    content: "";
    background: transparent;
}
#fbgjc .bk-01 li.putIn:after{
    content: "辆";
    display: block;
    width: 30px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    background: transparent;
    background-size: 6px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -20px;
    text-align: center;
    color: #666666;
}
#fbgjc .bk-01 li span{
    display: block;
    float: left;
    color: #333333;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
}
#fbgjc .bk-01 li span:nth-child(2){
    color: #999999;
    font-size: 14px;
    position: absolute;
    right: 30px;
    top:0;
}
#fbgjc .bk-01 li span.tag{
    display: inline-block;
    border: 1px solid #f65f4a;
    color: #f65f4a;
    height: 26px;
    line-height: 26px;
    padding: 0 8px;
    border-radius: 3px;
    margin-top: 7px;
}

#fbgjc .bk-01 li .numBox{
    height: 30px;
    margin: 5px 0;
    position: absolute;
    top: 0;
    right: 30px;

}
#fbgjc .bk-01 li .numBox .bnl,
#fbgjc .bk-01 li .numBox .input,
#fbgjc .bk-01 li .numBox .bnr{
    float: left;

    box-sizing: border-box;
    border: 1px solid #E8E8E8;
    border-radius: 2px;
    display: block;
    height: 30px;
    line-height: 30px;
    width: 30px;
    text-align: center;
    background-color: #F3F3F3;
    font-size: 16px;
}
#fbgjc .bk-01 li .numBox .input{
    width: 50px;
    background-color: #ffffff;
    margin: 0 2px;

}

#fbgjc .bk-01 li .numBox .bnl:hover,
#fbgjc .bk-01 li .numBox .bnr:hover{
    color: #ffffff;
    background-color: #1BCA9A;
}
#fbgjc .bk-02{
    padding: 0.4rem 0;
    background-color: #ffffff;
    border-top: 1px solid #F1F1F1;
}
#fbgjc .bk-02 ul{
    padding: 0 0.6rem 0.4rem;
    border-bottom: 1px solid #F1F1F1;
}
#fbgjc .bk-02 li{
    height: 20px;
}
#fbgjc .bk-02 li span{
    font-size: 14px;
    display: block;
    float: left;
    height: 20px;
    line-height: 20px;

}
#fbgjc .bk-02 li span:nth-child(1){
    color: #cccccc;
}
#fbgjc .bk-02 li span:nth-child(2){
    float: right;
}

#fbgjc .bk-02 .clause{
    padding: 0.6rem 0.6rem 0.2rem;
    height: 20px;
}
#fbgjc .bk-02 .clause .checkbox,
#fbgjc .bk-02 .clause >p{
    float:left;
}
#fbgjc .bk-02 .clause >p{
    font-size: 13px;
    height: 20px;
    line-height: 20px;
    margin-left: 5px;
}
#fbgjc .bk-02 .clause >p span{
    color: #407eca;
}

#fbgjc .bk-03{
    background-color: #ffffff;
    height: 3rem;
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 0.5rem 0.6rem;
    box-sizing: border-box;
}
#fbgjc .bk-03 .btn-order,
#fbgjc .bk-03 .bk-pay{
    float: right;
}
#fbgjc .bk-03 .btn-order{
    height: 2rem;
    line-height: 2rem;
    border-radius: 0.2rem;
    width: 5rem;
    background-color: #f65f4a;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
}
#fbgjc .bk-03 .bk-pay{
    font-size: 0.6rem;
    margin-right: 8px;
    height: 0.8rem;
    line-height: 0.8rem;
    text-align: right;
    color: #999999;
}
#fbgjc .bk-03 .bk-pay p:nth-child(2){
    font-size: 1.1rem;
    height: 1.2rem;
    line-height: 1.2rem;
    color: #f65f4a;
}


/*发布通用*/
#fbty{
    padding-bottom: 3.2rem;
}
#fbty .swiper-picture{
}
#fbty .swiper-picture .swiper-slide img {
    display: block;
    width: 100%;
}
#fbty  .swiper-pages{
    width: 2.5rem;
    height: 1rem;
    line-height: 1rem;
    background-color: rgba(0, 0, 0, 0.85);
    color: #ffffff;
    text-align: center;
    font-size: 0.75rem;
    border-radius:3rem;
    position: absolute;
    bottom: 0.5rem;
    left: 12.5rem;
    z-index: 999;
}

#fbty .bk-inpt{
    padding: 0.4rem 0.6rem;
    background-color: #ffffff;
    margin-bottom: 0.4rem;
    position: relative;
}
#fbty .bk-inpt input {
    width: 100%;
    font-size: 16px;
}
#fbty .bk-textarea{
    background-color: #ffffff;
    margin-bottom: 0.4rem;
    position: relative;
}
#fbty .bk-textarea textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    border: none;
    resize: none;
    min-height: 6rem;
    padding: 0.4rem;
    font-size: 14px;
}

#fbty .bk-01{
    position: relative;
    margin-bottom: 0.4rem;
}
#fbty .bk-01 li{
    height: 40px;
    padding: 0 30px 0 0.6rem;
    position: relative;
    border-bottom: 1px solid #F1F1F1;
    box-sizing: border-box;
    background-color: #ffffff;
    overflow: hidden;
}
#fbty .bk-01 li.mt{
    margin-top: 0.4rem;
}
#fbty .bk-01 li:last-child{
    border-bottom: none;
}
#fbty .bk-01 li:after{
    content: "";
    display: block;
    width: 30px;
    height: 40px;
    background: url(../images/rj.png) no-repeat center;
    background-size: 6px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -20px;
}
#fbty .bk-01 li.clearAr:after{
    content: "";
    background: transparent;
}
#fbty .bk-01 li.putIn:after{
    content: "辆";
    display: block;
    width: 30px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    background: transparent;
    background-size: 6px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -20px;
    text-align: center;
    color: #666666;
}
#fbty .bk-01 li span{
    display: block;
    float: left;
    color: #333333;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
}
#fbty .bk-01 li span:nth-child(2){
    color: #999999;
    font-size: 14px;
    position: absolute;
    right: 30px;
    top:0;
}
#fbty .bk-01 li span.tag{
    display: inline-block;
    border: 1px solid #f65f4a;
    color: #f65f4a;
    height: 26px;
    line-height: 26px;
    padding: 0 8px;
    border-radius: 3px;
    margin-top: 7px;
}

#fbty .bk-01 li .numBox{
    height: 30px;
    margin: 5px 0;
    position: absolute;
    top: 0;
    right: 30px;

}
#fbty .bk-01 li .numBox .bnl,
#fbty .bk-01 li .numBox .input,
#fbty .bk-01 li .numBox .bnr{
    float: left;

    box-sizing: border-box;
    border: 1px solid #E8E8E8;
    border-radius: 2px;
    display: block;
    height: 30px;
    line-height: 30px;
    width: 30px;
    text-align: center;
    background-color: #F3F3F3;
    font-size: 16px;
}
#fbty .bk-01 li .numBox .input{
    width: 50px;
    background-color: #ffffff;
    margin: 0 2px;

}

#fbty .bk-01 li .numBox .bnl:hover,
#fbty .bk-01 li .numBox .bnr:hover{
    color: #ffffff;
    background-color: #1BCA9A;
}
#fbty .bk-02{
    padding: 0.4rem 0;
    background-color: #ffffff;
    border-top: 1px solid #F1F1F1;
}
#fbty .bk-02 ul{
    padding: 0 0.6rem 0.4rem;
    border-bottom: 1px solid #F1F1F1;
}
#fbty .bk-02 li{
    height: 20px;
}
#fbty .bk-02 li span{
    font-size: 14px;
    display: block;
    float: left;
    height: 20px;
    line-height: 20px;

}
#fbty .bk-02 li span:nth-child(1){
    color: #cccccc;
}
#fbty .bk-02 li span:nth-child(2){
    float: right;
}

#fbty .bk-02 .clause{
    padding: 0.2rem 0.6rem;
    height: 20px;
}
#fbty .bk-02 .clause .checkbox,
#fbty .bk-02 .clause >p{
    float:left;
}
#fbty .bk-02 .clause >p{
    font-size: 13px;
    height: 20px;
    line-height: 20px;
    margin-left: 5px;
}
#fbty .bk-02 .clause >p span{
    color: #407eca;
}

#fbty .bk-03{
    background-color: #ffffff;
    height: 3rem;
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 0.5rem 0.6rem;
    box-sizing: border-box;
}
#fbty .bk-03 .btn-order,
#fbty .bk-03 .bk-pay{
    float: right;
}
#fbty .bk-03 .btn-order{
    height: 2rem;
    line-height: 2rem;
    border-radius: 0.2rem;
    width: 5rem;
    background-color: #f65f4a;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
}
#fbty .bk-03 .bk-pay{
    font-size: 0.6rem;
    margin-right: 8px;
    height: 0.8rem;
    line-height: 0.8rem;
    text-align: right;
    color: #999999;
}
#fbty .bk-03 .bk-pay p:nth-child(2){
    font-size: 1.1rem;
    height: 1.2rem;
    line-height: 1.2rem;
    color: #f65f4a;
}


/*搜索结果*/
#sujg .gglb_detail{
    margin-top: .3rem;

}
#sujg .gglb_detail .shop_detail{
    background-color: #fff;
    padding: 0.5rem;
    margin-top: .3rem;
    box-sizing: border-box;
    display: block;
}
#sujg .gglb_detail .sd_right{
    width: 9.5rem;
    margin-right: 0.5rem;
    box-sizing: border-box;
    font-size:12px;
    position: relative;
    height: 3.8rem;
    overflow: hidden;
}

#sujg .gglb_detail .sd_left{
    height: 3.8rem;
    width:5rem;
    position: relative;
    overflow: hidden;
}
#sujg .gglb_detail .sd_left img{
    width:100%;
    position: absolute;
    top:0;
    left:0;
}

#sujg .gglb_detail .sd_right h3{
    color: #40cab3;
    font-size: 14px;
    border-left: 3px solid #40cab3;
    height: 18px;
    line-height: 18px;
    padding-left: 5px;
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#sujg .gglb_detail .sd_right .shop_title{
    height: 2.1rem;
    line-height: 1rem;
    overflow: hidden;
    font-size: 13px;
    color: #000;
}
#sujg .gglb_detail .sd_right .btn_lingqu{
    border: 1px solid #F66753;
    padding: 3px .15rem;
    text-align: center;
    border-radius: 2px;
    float: left;
    color: #F66753;
    margin-top: .2rem;
    position: absolute;
    left:0;
    bottom:0;
}
#sujg .gglb_detail  .shop_source{
    display: block;
    color: #999;
    font-size: 12px;
    height: 14px;
    line-height: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*404*/
#yc,#yc .container {
    width: 100%;
    height: 100%;
    position: fixed;
}

#yc .bk-01{
    height: 300px;
    position: fixed;
    width: 100%;
    left: 0;
    top: 50%;
    margin-top: -150px;
}
#yc .bk-01 .refresh{
    display:block;
    width: 100px;
    margin: 0 auto;

}
#yc .bk-01 .refresh.rot{
    -webkit-transform: rotate(360deg);
    animation: rotation 1s linear infinite;
    -moz-animation: rotation 1s linear infinite;
    -webkit-animation: rotation 1s linear infinite;
    -o-animation: rotation 1s linear infinite;
}
@-webkit-keyframes rotation{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}
#yc .bk-01 p{
    font-size: 18px;
    text-align: center;
    margin-top: 15px;
    color: #898989;
}
#yc .bk-01 .btn-retry{
    width: 100px;
    height: 38px;
    line-height: 38px;
    border-radius: 3px;
    border: 1px solid #898989;
    color: #898989;
    text-align: center;
    margin: 40px auto;
    font-size: 16px;
}

#wdtg-xq {
    background: url("../images/tg-list-02.png") repeat-y center;
    background-size: contain;
}
#wdtg-xq .bk-01 img{
    display: block;
    width: 100%;
}
#wdtg-xq .bk-02{
    min-height:30px;
    padding: 15px 1.2rem;
    color: #34A795;
}
#wdtg-xq .bk-02 .opt{
    margin-bottom: 10px;
}
#wdtg-xq .bk-02 .opt .lable{
    float: left;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
}
#wdtg-xq .bk-02 .opt .cont{
    float: left;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    width: 8rem;
    overflow: hidden;
}
#wdtg-xq .bk-02 .opt .iphone{
    display:block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    box-sizing: border-box;
    padding: 0 5px;
}
#wdtg-xq .bk-02 .opt .cont .btn-bind{
    display:block;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
    background-color: #34A795;
    border-radius: 3px;
    font-size: 14px;
    text-align: center;
    padding: 0 10px;
}
#wdtg-xq .bk-02 .opt .cont .btn-bind.binding{
    background-color: #f9c02f;;
}
#wdtg-xq .bk-02 .btn-tijiao{
    display:block;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
    background-color: #34A795;
    border-radius: 3px;
    font-size: 14px;
    text-align: center;
    padding: 0 10px;
}

#wdtg-xq .bk-02 .list{
    background-color: #ffffff;
    padding: 15px;
    border-radius: 3px;
    margin-top: 15px;
}
#wdtg-xq .bk-02 .list .empty{
    font-size: 0.9rem;
    line-height: 2rem;
    text-align: center;
}
#wdtg-xq .bk-02 .list h4{
    font-size: 20px;
    line-height: 40px;
    border-bottom: 1px solid #f2f2f2;
}
#wdtg-xq .bk-02 .list h4 i{
    color: #f9c02f;
    font-weight: bold;
}
#wdtg-xq .bk-02 .list li{
    padding:5px 0 5px 2.3rem;
    position: relative;
}
#wdtg-xq .bk-02 .list li .avatar{
    position: absolute;
    width: 2rem;
    height:2rem;
    border-radius: 2.2rem;
    left: 0;
    top:5px;
    overflow: hidden;
}
#wdtg-xq .bk-02 .list li p{
    font-size: 0.6rem;
    height:2rem;
    line-height: 2rem;
    float: left;
    width: 4rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
#wdtg-xq .bk-02 .list li time{
    font-size: 0.6rem;
    height:2rem;
    line-height: 2rem;
    float: right;
}

#shouyi .container{
    background-color: #fff;
    position: relative;
}

#shouyi  time{
    display: block;
    text-align: center;
    font-size: 18px;
    height: 46px;
    line-height: 46px;
    background-color: #1BCA9A;
    color: #ffffff;
}
#shouyi .hd{
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    color: #333333;
    position: relative;
    padding-left: 20px;
}
#shouyi .hd:before {
    content: "";
    display: block;
    height: 16px;
    width: 3px;
    background-color: #40C9B3;
    position: absolute;
    left: 10px;
    top: 10px;
    border-radius: 3px;
}
#shouyi .bk-01{
    padding: 10px 0;

}
#shouyi .bk-01 li{
    padding:8px 0;
    width: 50%;
    float: left;
    box-sizing: border-box;
    margin-bottom:5px;
}
#shouyi .bk-01 li:nth-child(odd){
    border-right: 1px solid #f7f7f7;
}
#shouyi .bk-01 li .num{
    font-size: 18px;
    line-height:20px;
    text-align: center;
}
#shouyi .bk-01 li i{
    color: #1bca9a;
}
#shouyi .bk-01 li p{
    font-size: 12px;
    line-height:20px;
    text-align: center;
   color: #999  ;
}
/*转盘*/
#zpcj{
    background-color: #35A996;

}
#zpcj .container{
    animation:zpcj-bg 1s infinite;
    -moz-animation:zpcj-bg 1s infinite;
    -webkit-animation:zpcj-bg 1s infinite;

}
#zpcj .log{
    position: absolute;
    right: 0.4rem;
    top: 0;
    width: 2rem;
    height:2rem;
    background-color: #ffffff;
    border-radius: 0 0 0.3rem 0.3rem;
    box-shadow: 1px 2px 5px rgba(51, 51, 51, 0.46);
    overflow: hidden;
}
#zpcj .log img{
    display: block;
    width: 100%;
    margin: 0 auto;
}
#zpcj .wrap-box{
    background: url("../images/dial/dial-bg.png") repeat-x center 3.5rem;
}
#zpcj .wrap{
    padding-top:6.5rem;
    background: url("../images/dial/dial.png") no-repeat center top;
    background-size:16rem auto ;
}
@keyframes zpcj-bg
{
    0%   {background: #35A996;}
    25%   {background: #f91027;}
    50%  {background: #fdf140;}
    75%  {background: #318cfd;}
    100%  {background: #2cfe7d;}

}
@-webkit-keyframes zpcj-bg
{
    0%   {background: #35A996;}
    25%   {background: #f91027;}
    50%  {background: #fdf140;}
    75%  {background: #318cfd;}
    100%  {background: #2cfe7d;}
}
#zpcj .venue-shade{
    background-color: rgba(26, 26, 26, 0.71);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top:0;
    z-index: 8;
    display: none;
}
#zpcj .venue{
    position: fixed;
    width: 100%;
    height: 170px;
    left: 0;
    bottom:-170px;
    z-index: 9;
    transition: all 0.2s;
}

#zpcj .venue .hd{
    font-size: 16px;
    height:50px;
    line-height: 30px;
    width: 8rem;
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(64, 94, 245, 0.6)), to(rgba(133, 85, 255, 0.9)));
    color: #ffffff;
    border-radius: 10px 10px 0 0;
    text-align: center;
    position: absolute;
    left: 50%;
    top:-50px;
    margin-left: -4rem;
}
#zpcj .venue .hd .jan-top{
    position: absolute;
    width: 16px;
    height: 16px;
    left: 50%;
    bottom: 6px;
    margin-left: -4px;
    transition: all 0.2s;
}
#zpcj .venue .hd .jan-top img{
    display: block;
    width: 16px;
    height: 16px;
    animation:ajan-top 0.6s infinite;
    -moz-animation:ajan-top 0.6s infinite;
    -webkit-animation:ajan-top 0.6s infinite;
}
@keyframes ajan-top
{
    0%   {transform:translateY(0);}
    50%   {transform:translateY(4px);}
    100%   {transform:translateY(0);}
}
@-webkit-keyframes ajan-top
{
    0%   {transform:translateY(0);}
    50%   {transform:translateY(4px);}
    100%   {transform:translateY(0);}
}
#zpcj .venue .bd{
    height: 170px;
    padding: 10px 0;
    background-color: rgba(133, 85, 255, 0.9)
}

#zpcj .venue.sact{
    bottom:0;
}
#zpcj .venue.sact .hd .jan-top{
    transform: rotate(180deg);
}
#zpcj .venue-shade.sact{
    display: block;

}


#zpcj .swiper-list {
    height:36px;
    background-color: rgba(51, 51, 51, 0.61);
    border-radius: 36px;
    margin: 0 0.6rem;
}
#zpcj .swiper-slide {
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

#zpcj .swiper-venue .swiper-slide{
    flex-direction:column;
}
#zpcj .swiper-venue .swiper-slide .bImg{
    width: 100%;
    height: 100px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction:column-reverse;
}
#zpcj .swiper-venue .swiper-slide .bImg img{
    display: block;
    width: 100%;
}
#zpcj .swiper-venue .swiper-slide p{
    text-align: center;
    background-color: rgba(51, 51, 51, 0.45);
    width: 100%;
    height: 50px;
    line-height: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#zpcj .bk-02{
    margin: 15px 0.7rem 15px;
    position: relative;
    height: 28px;
}
#zpcj .bk-02 .my-jd{
    font-size: 16px;
    line-height: 28px;
}
#zpcj .bk-02 .my-jd span{
 color: #ffffff;
}
#zpcj .bk-02 .my-jd i{
    color: #fff775;
}


#zpcj .cz-layer h4,
#zpcj .jp-layer h4{
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
}
#zpcj .cz-layer .btn-cz{
    display: block;
    width: 80%;
    margin: 0 auto;
    font-size: 14px;
    color: #ffffff;
    background-color: #1BCA9A;
    height: 36px;
    line-height: 36px;
    border-radius: 3px;
}
#zpcj .jp-layer-box{
    width: 60%;
}
#zpcj .jp-layer h4{
    color: #1BCA9A;
}
#zpcj .jp-layer img{
    width: 50%;
    display: block;
    margin: 10px auto;
}
#zpcj .jp-layer p{
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
}
#zpcj .bk-02 .btn-cz{
    display: block;
    height: 26px;
    line-height: 26px;
    background-color: #fff700;
    color: #f16035;
    font-size: 14px;
    text-align: center;
    position: absolute;
    top:0;
    right: 0;
    padding: 0 10px;
    border-radius: 26px;
    border:1px solid #ffcf28;
}
#zpcj .bk-04{
    margin-top: 15px;
}
#zpcj .bk-04 .hd{
    height: 36px;
    line-height: 36px;
    background: url("../images/dial/rule-title.png") no-repeat center;
    background-size: contain;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
}
#zpcj .bk-04 .bd{
    width: 14rem;
    margin: 0 auto;
    font-size: 14px;
    line-height: 20px;
    color: #d3f9ed;
    padding: 20px 0 60px;
}


#zpcj .dial-bk{
    margin: 0 auto;
    position: relative;
}
#zpcj .dial-bk ul{
    width: 100%;
    height: 100%;
    position: relative;
}
#zpcj .dial-bk ul li{
    background-color: #fff;
    position: absolute;
    overflow: hidden;
}
#zpcj .dial-bk ul li img{
    display: block;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    left: 0;
    top:0;
}
#zpcj .dial-bk ul li:before{
    content: "";
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(255, 247, 0, 0.51);
    background-size: cover;
    position: absolute;
    left: 0;
    top:0;
    z-index: 9;
    transition: all 0.2s;
    box-sizing: border-box;
}
/*#zpcj .dial-bk ul li.act{
    transform:scale(1.1);
}*/
#zpcj .dial-bk ul li.act:before{
    display: block;
}
#zpcj .dial-bk .btn-start{
    position: absolute;
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fac62e), to(#F57E32));
    box-shadow: 0 0.2rem 0 #c14419;
    border-radius: 0.3rem;
    text-align: center;
    box-sizing: border-box;
}
#zpcj .dial-bk .btn-start .cover{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top:0;
}
#zpcj .dial-bk .btn-start .qu{
    position: absolute;
    width: 0.8rem;
    left: 0.2rem;
    top: 0.2rem;
}
#zpcj .dial-bk .btn-start p{
    letter-spacing:0.1rem;
    font-weight: bold;
    color: #fff;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top:50%;
}
#zpcj .dial-bk .btn-start i{
    display: block;
    text-align: center;
    font-size: 0.7rem;
    line-height: 1rem;
    color: #faf4bc;

}


#zpcj .dial-12{
    width: 15.6rem;
    height: 12.2rem;
}
#zpcj .dial-12 ul li{
    width: 3.75rem;
    height: 2.9rem;

}
#zpcj .dial-12 ul li:before{

    background: url("../images/dial/act-12.png") no-repeat center;
    background-size: cover;

}
#zpcj .dial-12 ul li:nth-child(1){
    left: 0;
    top:0
}
#zpcj .dial-12 ul li:nth-child(2){
    left:3.95rem;
    top:0
}
#zpcj .dial-12 ul li:nth-child(3){
    left:7.9rem;
    top:0
}
#zpcj .dial-12 ul li:nth-child(4){
    left:11.85rem;
    top:0
}
#zpcj .dial-12 ul li:nth-child(5){
    left:11.85rem;
    top:3.1rem
}
#zpcj .dial-12 ul li:nth-child(6){
    left:11.85rem;
    top:6.2rem
}
#zpcj .dial-12 ul li:nth-child(7){
    left:11.85rem;
    top:9.3rem
}
#zpcj .dial-12 ul li:nth-child(8){
    left:7.9rem;
    top:9.3rem
}
#zpcj .dial-12 ul li:nth-child(9){
    left:3.95rem;
    top:9.3rem
}
#zpcj .dial-12 ul li:nth-child(10){
    left:0;
    top:9.3rem
}
#zpcj .dial-12 ul li:nth-child(11){
    left:0;
    top:6.2rem
}
#zpcj .dial-12 ul li:nth-child(12){
    left:0;
    top:3.1rem
}
#zpcj .dial-12 .btn-start{
    width: 7.7rem;
    height: 5.8rem;
    left:3.95rem;
    top:3.1rem;
    padding-top: 4.5rem;
}
#zpcj .dial-12 .btn-start p{
    height: 3.2rem;
    font-size: 1.6rem;
    line-height:1.6rem;
    margin-top: -1.9rem;
}



#zpcj .dial-8{
    width: 15.4rem;
    height: 12.2rem;
}
#zpcj .dial-8 ul li{
    width: 5rem;
    height: 3.9rem;
}
#zpcj .dial-8 ul li:before{

    background: url("../images/dial/act-8.png") no-repeat center;
    background-size: cover;

}
#zpcj .dial-8 ul li:nth-child(1){
    left: 0;
    top:0
}
#zpcj .dial-8 ul li:nth-child(2){
    left:5.2rem;
    top:0
}
#zpcj .dial-8 ul li:nth-child(3){
    left:10.4rem;
    top:0
}
#zpcj .dial-8 ul li:nth-child(4){
    left:10.4rem;
    top:4.1rem
}
#zpcj .dial-8 ul li:nth-child(5){
    left:10.4rem;
    top:8.2rem
}
#zpcj .dial-8 ul li:nth-child(6){
    left:5.2rem;
    top:8.2rem
}
#zpcj .dial-8 ul li:nth-child(7){
    left:0;
    top:8.2rem
}
#zpcj .dial-8 ul li:nth-child(8){
    left:0;
    top:4.1rem
}
#zpcj .dial-8 .btn-start{
    width: 5rem;
    height: 3.7rem;
    left:5.2rem;
    top:4.1rem;
    padding-top:2.6rem ;

}
#zpcj .dial-8 .btn-start p{

    font-size: 1rem;
    line-height:1rem;
    height: 3.2rem;
    margin-top: -1.2rem;

}

#fqhd .title-hd{
    font-size: 16px;
    line-height: 46px;
    text-align: center;
    background-color: #ffffff;
}
#fqhd  .bk-01{
    display: flex;
    background-color: #ffffff;
    flex-wrap:wrap;
    justify-content:center;

}
#fqhd  .bk-01 a{
    width: 33.33%;
    background-color: #fff;
    position: relative;
    box-sizing: border-box;
    padding: 30px 0 10px;
    border: 1px solid #f5f5f5;
    margin-top: -1px;
}
#fqhd  .bk-01 a.act .checkbox{
    background: url("../images/checkbox-02.png") no-repeat center;
    background-size: contain;
    border:none;
}
#fqhd  .bk-01 a .checkbox{
    position: absolute;
    top: 5px;
    right: 5px;

}
#fqhd  .bk-01 a img{
    display: block;
    width: 2rem;
    margin: 0 auto 10px;

}
#fqhd  .bk-01 a p{
    text-align: center;
    font-size: 14px;
    color: #666666;
}
#fqhd  .bk-01 a.more{
    padding: 40px 0 10px;
}
#fqhd  .bk-01 a.more p{
    color: #bfbfbf;
}
#fqhd .submit-btn {
    display: block;
    margin: 10px 0.4rem 0;
    background-color: #40c9b3;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
    font-size: 14px;
    border: none;
}

/*一元夺宝*/
#yydb{
    padding-bottom: 62px;
}
#yydb .hd-bk{
    background: url("../images/yydb-03.png") no-repeat center;
    background-size: cover;
    padding: 20px 0;
    position: relative;
}
#yydb .hd-bk .panel{
    background-color: #D62D3A;
    border: 3px solid #ffffff;
    box-sizing: border-box;
    padding: 15px 0.5rem 10px;
    width: 10rem;
    margin: 0 auto;
    position: relative;
    text-align: center;
}
#yydb .hd-bk .lip{
    width:70px;
    position: absolute;
    left: 0;
    top:80px;
}
#yydb .hd-bk .period{
    position: absolute;
    left: 50%;
    top: -10px;
    width: 6rem;
    margin-left: -3rem;
    box-sizing: border-box;
    background-color: #D62D3A;
    padding: 0 10px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #ffffff;
}
#yydb .hd-bk .cont{
    border-top:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    padding: 5px 0;
    margin-top: 5px;
}

#yydb .hd-bk .cont p{
    display:block;
    float: left;
    background-color: #5130A2;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
}
#yydb .hd-bk .cont p:nth-child(1){
    width: 2rem;

}
#yydb .hd-bk .cont p:nth-child(2){
    float: right;
    width: 6.5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#yydb .progress-bk{
    background-color:#B11C25;
    padding: 20px 30px;

}
#yydb .progress-bk .hd{
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    margin-bottom: 5px;
    color: #ffffff;
    text-align: center;
}
#yydb .progress-bk .progress,
#yydb .progress-bk .progress .line{
    height: 5px;
    border-radius: 5px;
    background-color: #82131A;
}
#yydb .progress-bk .progress .line{
    background-color: #F8B638;
}

#yydb .bk-01{
    min-height:40px;
    display:block;
    margin: 10px 12px;
    border-radius:6px ;
    color: #333;
    font-size: 14px;
    background: #ffffff url("../images/yydb-02.png") no-repeat right 10px center;
    background-size:40px;
    padding:5px 10px;
}
#yydb .bk-01 .label,
#yydb .bk-01 .cont{
    height:20px;
    line-height:20px;
}
#yydb .bk-01 .cont i{
    color: #c9393e;
}

#yydb .bk-02{
    height:50px;
    display:block;
    color: #333;
    font-size: 14px;
    background: #ffffff url("../images/yydb-04.png") no-repeat 10px center;
    background-size:40px;
    padding:10px 0 10px 60px;

}

#yydb .bk-02 .bd{
    border-left: 1px solid #dedede;
    position: relative;
    background: url(../images/rj.png) no-repeat right 15px center;
    background-size: 8px;
    padding-left: 10px;
}
#yydb .bk-02 .bd .swiper-list {
    height:50px;
}
#yydb .bk-02 .bd .swiper-slide{
    height: 50px;
    display: block;
}
#yydb .bk-02 .bd .avatar{
    width: 40px;
    min-height: 40px;
    border: 1px solid #dedede;
    box-sizing: border-box;
    border-radius: 40px;
    float: left;
}

#yydb .bk-02 .bd .cont{
    margin-left: 8px;
    line-height: 16px;
    float: left;
    width: 8.5rem;
}
#yydb .bk-02 .bd .cont p:nth-child(1){
}
#yydb .bk-02 .bd .cont p:nth-child(1) i{
    color: #999999;
}
#yydb .bk-02 .bd .cont p:nth-child(2){
    color: #666666;
    font-size: 12px;
}
#yydb .bk-02 .bd .cont p:nth-child(3){
    color: #f65f4a;
    font-size: 12px;
}



#yydb .bk-03{
    margin-top: 0.4rem;
    background-color: #ffffff;
}
#yydb .bk-03 .hd{
    height: 36px;
    font-size: 14px;
    line-height: 36px;
    padding: 0 12px;
}
#yydb .bk-03 .hd h3{
    float: left;
}
#yydb .bk-03 .hd time{
    font-size: 14px;
    color: #999;
    float: right;
}
#yydb .bk-03 .bd{
    margin: 0 12px;
    border-top: 1px solid #ECECEC;
}
#yydb .bk-03 .bd li{
    height: 40px;
    padding: 8px 0;
    margin-left: 50px;
    border-bottom: 1px solid #ECECEC;
    position: relative;
}
#yydb .bk-03 .bd li:last-child {
    border-bottom: none;
}
#yydb .bk-03 .bd .avatar{
    position: absolute;
    width: 40px;
    min-height: 40px;
    border: 1px solid #dedede;
    box-sizing: border-box;
    border-radius: 40px;
    left: -50px;
}
#yydb .bk-03 .bd .cont{
    font-size: 14px;
}
#yydb .bk-03 .bd .cont p{
    line-height: 18px;
}
#yydb .bk-03 .bd .cont p:nth-child(2){
    color: #999;
}
#yydb .bk-04{
    height: 60px;
    width: 100%;
    left: 0;
    bottom: 0;
    position:fixed;
    background-color: #ffffff;
    border-top: 1px solid #ECECEC;
}
#yydb .bk-04 .btn-join{
    display: block;
    margin: 10px 0.4rem;
    background-color: #40c9b3;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    font-size: 14px;
    border: none;
    box-sizing: border-box;
    padding: 0;
}
#yydb .joinHtml ul{
    display: flex;
    flex-flow:row nowrap;
    justify-content:center
}
#yydb .joinHtml ul li{
   flex: 1;
    margin: 0 10px;
    height: 60px;
    border: 1px solid #ECECEC;
    background-color: #ffffff;
    box-sizing: border-box;
    text-align: center;
    line-height: 60px;
    border-radius: 3px;
    font-size: 16px;
    font-weight: bold;
}
#yydb .joinHtml ul li.act{
    border: 1px solid #4FCEB9;
    background-color: #E0FFFA;
    color: #4ECDB8;

}
#yydb .joinHtml .btn-pay{
    display: block;
    margin: 30px 12px 10px;
    background-color: #40c9b3;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    font-size: 14px;
    border: none;
    box-sizing: border-box;
    padding: 0;
}
/*详情*/
#yydb .hd-bk .cont h3{
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
}
#yydb .hd-bk .result{
    margin-top: 10px;
    display: flex;
    flex-flow:row nowrap;
    justify-content:center
}
#yydb .hd-bk .result li{
    flex: 1;
    margin: 0 5px;
    background-color: #F5D4D6;
    font-size: 18px;
    height: 26px;
    line-height: 26px;
    color: #D62D3A;
    font-weight: bold;
    border-radius: 3px;
}
#yydb .bk-01.xq{
    background: #ffffff;
}
#yydb .bk-04 .btn-join.xq{
    width: 30%;
    float: right;
}
#yydb .bk-04 .news{
    float: left;
    width: 55%;
    font-size: 14px;
    height: 40px;
    margin: 10px 0 0 12px;
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#yydb-wq .record li{
    background: #ffffff;
    margin-bottom: 10px;
}
#yydb-wq .record li .hd{
    height: 36px;
    font-size: 12px;
    line-height: 36px;
    padding: 0 12px;
    border-bottom: 1px solid #ECECEC;
}
#yydb-wq .record li .hd h3{
    float: left;
}
#yydb-wq .record li .hd time{
    color: #999;
    float: right;
}
#yydb-wq .record li .bd{
    position: relative;
    min-height: 60px;
    padding: 10px 0 10px 70px;
    background: url(../images/rj.png) no-repeat right 15px center;
    background-size: 8px;
}
#yydb-wq .record li .bd .avatar{
    position: absolute;
    left: 5px;
    top:50%;
    margin-top: -30px;
    width: 60px;
    min-height: 60px;
    border: 1px solid #dedede;
    box-sizing: border-box;
    border-radius: 40px;
    float: left;
}
#yydb-wq .record li .bd .conts{
    margin-left: 8px;
    float: left;
    width: 12rem;
    font-size: 14px;
}
#yydb-wq .record li .bd .label,
#yydb-wq .record li .bd .cont{
    float: left;
    word-wrap:break-word;
    line-height: 20px;
}
#yydb-wq .record li .bd .label{
    width: 3.5rem;
}
#yydb-wq .record li .bd .cont{
    width: 8rem;
}

#yydb-jl .record a{
    color: #333333;
    display: block;
    background-color: #ffffff;
    position: relative;
    padding: 15px 0 15px 12px;
    border-bottom: 1px solid #e5e5e5;
}
#yydb-jl .record a p{
    font-size: 16px;
    line-height: 20px;

}
#yydb-jl .record a span{
    font-size: 12px;
    color: #999999;
    line-height: 20px;
}
#yydb-jl .record a span:nth-child(1) i{
    color: #333333;
}
#yydb-jl .record a .state{
    position: absolute;
    right: 10px;
    top:50%;
    margin-top: -10px;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    padding-right: 30px;
    color: #999;

}
#yydb-jl .record a.act .state{
    color: #F55741;
}
#yydb-jl .record a .state:after{
    content: "";
    display: block;
    width: 30px;
    height: 40px;
    background: url(../images/rj.png) no-repeat center;
    background-size: 6px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -20px;
}



